Как уменьшить вес фотографии jpeg. Как преобразовать JPG файлы в меньший размер без потери качества? Уменьшить вес изображения без потери качества

Продолжаю серию статей , о том почему нужно готовить фото, для размещения в интернете . В прошлой статье я, надеюсь подробно объяснил для чего это нужно, теперь продолжу эту тему. И так, начнем с того, что фото, перед размещением на вашей страничке или на файл обменнике , нужно сжать. То есть говоря простыми словами, уменьшить вес фотографии . Допустим вы сделали фотографию и решили ее выложить в сеть, но она будет весить много, и грузиться соответственно дольше, чем сжатая. Я же хочу привести пример, того как можно без большой потери качества фотографии уменьшить ее в размере.

Для этого нам понадобиться программа Photoshop и немного времени. Начнем. Открываем вашу фотографию с помощью фотошопа, и начинаем работу над ним. Я выбрал вот это фото и до обработки оно весило почти 4 мегабайта , размерность 4000 на 3000 пикселей, а разрешение 480 пикс/дюйм. Представляете если у го медленный интернет, он вообще его не посмотрит, терпения не хватит ждать, пока оно загрузиться.

Теперь нажимаем Alt+Ctrl+I , либо через меню “Изображение ”-“Размер изображения… ”, перед нами откроется вот такое окошко, в котором будут указаны параметры вашего фото.

Теперь нам нужно изменить значение “Разрешение”, в данном примере оно равно 480 пикс/дюйм , но для интернета это слишком большое значение, изменяем его на 72 пикс/дюйм . Но хочу напомнить, если вы выкладываете для последующей печати, например детское фото, то не стоит пользоваться этим методом. Данный пример обработки подходит только для дальнейшего просмотра в интернете .

После того, как вы ввели значение 72, вы увидите, что размерность вашего фото тоже уменьшилась и размеры фотографии теперь пригодны для интернета. На мониторе фото будет смотреться лучше, чем было до этого, оно не будет вылезать за рамки монитора и не придется двигать “ползунки ”. Размер уменьшился на 600Х450 . Соответственно и вес фотографии тоже стал меньше . Сохраните и посмотрите сами, теперь он около 500 килобайт , Значительное сокращение в объеме. Уже намного лучше. но можно добиться и еще лучше результата.

До этого вы сохранили обычным способом, “Файл ”-“Сохранить как ”, это приемлемо, но есть и другой способ. Выберите меню “Файл ”-“Сохранить для Web устройств ” или нажмите сочетание клавиш Alt-Shift-Ctrl-S , появиться вот такое окно (Картинка кликабельна, откройте для полного просмотра )

Теперь в установках выбираем формат, это JPEG и качество устанавливаем “Очень высокое ”, если выбрать “Максимальное ”, то фото только не намного потеряет в весе, а С “Очень высокое ” оно заметно уменьшиться в размерах. Теперь сохраняем и смотрим результат, в моем примере фото стало 221 килобайт . Как видите очень заметное уменьшение в размере с 4 мегабайт до 211 килобайт .

Но вы всегда можете выбирать качество по своему вкусу , в предыдущем окошке, было два изображения, левое оригинал а правое сжатое, это для сравнения до и после проведенной операции.

Как видите все довольно просто и если знать порядок действий, то и делается это в течении 5 минут , но за то эти 5 минут избавляют от кучи неудобств. Теперь ваше фото готово для размещения в сети. Удачных вам снимков!

Оптимизация изображений - один из важных моментов в общей оптимизации сайта, на который многие не обращают внимания. А между тем, этот момент оказывает существенное влияние как на поведение пользователей на ресурсе, так и на ранжирование сайта.

Оптимизацию изображений можно рассматривать в 2 аспектах:

• уменьшение веса изображений для увеличения скорости загрузки страницы;
• как составляющая SEO - о птимизации — в этом случае кроме уменьшения веса изображениям присваиваются подходящие названия и прописываются альт теги.

В сегодняшней статье я рассмотрю оптимизацию изображения для ускорения загрузки страницы — то есть, уменьшение веса изображений.

Введение: Для чего уменьшать вес изображений на сайте

Думаю, всем давно известно, что вес изображений влияет на скорость загрузки страницы.

Статистические исследования показывают, что посетители ждут загрузки сайта порядка 3 секунд на стационарных компьютерах и 5 — на телефоне!

Если время ожидания превышает эти числа, то посетители уходят, и тогда уже не важно, на сколько красивы ваши изображения, никто их все равно не увидит.

Каким должен быть вес изображений?

Для различных ресурсов выбор веса изображения — индивидуальный параметр, для интернет-магазин с большим ассортиментом товаров допустимый вес не более 50-70 Кб. Для сайтов — портфолио, в которых ставка делается именно на красивые, качественные изображения - больше. Старайтесь придерживаться максимально возможного уменьшения веса картинок, а если большие изображения необходимы вашему ресурсу, лучше дайте посетителям просмотреть их в полном размере в новой вкладке.

Оптимизация изображений позволяет уменьшить их вес в разы без ощутимой потери качества.

Вес изображения измеряется в килобайтах (Кб) или мегабайтах (Мб), зависит от размеров в пикселях (высоты и ширины), количества деталей и от формата изображения.

Самый распространенный графический формат изображений формат JPG . Он используется повсеместно, его «понимают» все компьютеры, просмотрщики и графические редакторы. В этом формате публикуются графические материалы на сайте. Он не поддерживает прозрачности и анимацию, но для этого используются другие форматы. И говорить я сегодня буду именно об изображениях в формате JPG .

Для уменьшения веса изображения:

1. Определите размер изображения, которое будет отображаться на сайте.
   Не загружайте исходные картинки сразу. Если на сайте выводится изображение с размерами 500*600 пикселей, а загружается картинка в 3 раза большего размера, время загрузки будет такое же, как для исходной.
2. Уменьшите размеры.

к содержанию

1. Как уменьшить размер изображения в Paint

Начну с Paint , потому что это программа входит в стандартный набор ОС Windows и не требует установки дополнительных графических редакторов.

1. Открываем картинку в Paint и на верхней панели кликаем «Изменить размер» .

2. В открывшемся окне вводим необходимые размеры (можно изменять в процентах, можно в пикселях. По умолчанию в Paint стоит галочка «Сохранять пропорции» , это позволит уменьшить изображение без искажений), жмем «ОК» .

3. Сохраняем полученное изображение. Старайтесь сразу сохранять картинки с описательными названиями, в дальнейшем это упростит работу с ними, облегчит поиск и загрузку на сайт.

Теперь сравним исходное изображение и итоговое:

исходное изображение с размерами 2184*1456 пк и весом 735 Кб после уменьшения до 750*500 пк стало весить 142 Кб — вес уменьшился в 5 раз!

При этом разница в качестве уменьшенного изображения и исходного, уменьшаемого скриптами (если таковые установлены на сайте) на глаз не заметна.

2. Как уменьшить размер изображения в P hotoshop

1. Открываем файл в редакторе, в верхней панели выбираем вкладку Image (Изображение) - Image Size (Размер изображения) .

2. В открывшемся окне можно менять параметр ы ширины (Width ) , высоты ( Height ) и разрешения ( Resolution ) . Причем, для сохранения пропорций должен быть отмечен флажок Сохранять пропорции ( Constrain Proportions ) , в этом случае при изменении одного из параметров, другие меняются автоматически.
Для публикаций графики в вебе разрешени е составляет 72пк/дюйм .

Вводим необходимые параметры и жмем «ОК ».

3. Сохраняем изображение.

Для сохранения изображения есть три варианта:

• Сохранить (Save (Ctrl+S ) );
• Сохранить как (Save As (Shift+Crtl+S ) );
• Сохранить для веб (Save for Web (Shift+Ctrl+Alt+S ) ).

Первые два — это обычное сохранение изображения, рекомендую пользоваться третьим — в этом случае можно дополнительно уменьшить вес файла по сравнению с обычным сохранением.

При выборе Сохранения для Веб в открывшемся окне можно задать параметры:

• Формат (как говорили выше, jpeg );
• Качество (Quality ) - этот параметр изменяется от 0 до 100, соответственно при этом итоговое изображение будет лучшего или худшего качества.
  В окне слева от параметров на вкладках вы можете выбрать варианты отображения: Оригинал, Оптимизированное, 2 вари анта (одновременно отображается сохраняемое и итоговое изображение), 4 Варианта (отображаются оригинальное изображение, изображение с параметрами, которое вы задали, и 2 промежуточных).

  Я обычно выбираю 2 Варианта (

  2-Up ) — меняя качество можно одновременно видеть изменения в изображении и подобрать оптимальное для конкретного случая. Для статьи меня устроило качество 50, но это не постоянная величина, чаще я сохраняю изображения в пределах 60-75.

  Снизу под отображаемыми вариантами выводятся данные итогового изображения в зависимости от заданных настроек

  ;
• Отмечаем галочку Прогрессивный (Progressive ).
  И тоговое изображение будет загружаться не построчно, а за несколько подходов.
  Вам наверняка приходилось сталкиваться с такими случаями, когда вы видите не половину загруженной картинки, а сначала — полностью — плохого качества, потом — все лучше и лучше . Но с самого начала загрузки пользователь имеет представление о том, что на изображении. Вес прогрессивного может быть на несколько килобайт больше оптимизированного, но эта разница незначительна. Практика показывает, что прогрессивный джипег позитивнее воспринимается пользователями.
• Размеры.
  Если вы хотите изменить размеры изображения, они задаются в этом же окне снизу .

После выбора необходимых настроек жмем «Сохранить» (Save ) и получаем оптимизированную для сайта картинку.

Анализируем результаты оптимизации изображения в Фотошопе:

исходное изображение все то же 2184*1456 пк , 735 Кб , после уменьшения до 750*500 пк : при обычном сохранении 1 59 Кб — вес больше, чем при уменьшении в Paint, Сохранение для Веб (при качестве 50) - 63,7 Кб . Сжатое изображение в есит 11.5 раз меньше. Не забываем, что ко всем прочим плюсам джипег еще и прогрессивный.

В место одного не оптимизированного изображения можно загрузить 10 оптимизированных, а на скорости загрузки страницы это не скажется.
Конечно, если исходная картинка раньше уже уменьшалась, дополнительная оптимизация не будет такой большой, но проводить ее все равно надо.

Если исходное изображение очень большое, не рекомендую уменьшать его сразу до нужного вам, лучше сделать это в несколько шагов, чтобы увеличить резкость оптимизированного .

3. Онлайн-сервисы по оптимизации изображений

Уже уменьшенные изображения дополнительно оптимизируются с помощью онлайн-сервисов. В интернете их хватает, я опишу два, которыми пользуюсь чаще других.

Для форматов.jpg и.png. Позволяет загружать до 20 изображений одновременно, выставлять различные параметры сжатия для каждого и в этом же окне просматривать результат оптимизации.

2 . Kraken

Форматы.jpg, .png, .gif. Предоставляет 3 варианта оптимизации:

1. Сжатие с потерями Lossy - выбрано по умолчанию ;
2. Сжатие без потерь - Lossless ;
3. Expert - с выбором параметров оптимизации .

Загружаем файлы, которые надо оптимизировать.

По завершению оптимизации сервис выдает отчет о результатах. Для нагрузки файла жмем на кнопку «Do w nload File » - уменьшенная картинка открывается в соседней вкладке.

Если результат устраивает, сохраняем изображение (клик на фото правой кнопкой мыши — Сохранить как )

Простой интерфейс, результат оптимизации можно посмотреть сразу же. Работает только с форматом jpeg.

Сервис сжатия изображений в JPG, PNG и GIF- форматах. Имеет ограничени е по весу в 500 Кб и количеству 20 одновременно.

4. Уменьшение размера с помощью плагинов сжатия изображений

Все вышеперечисленные методы актуальны, когда изображений на сайте не много. Если же ресурс содержит огромную базу изображений, то не обойтись без плагинов сжатия изображений. Существует множество хороших плагинов для различных CMS, и платных, и бесплатных, они используют разные алгоритмы сжатия и выдают разные результаты. Главное, подобрать подходящий для вашего ресурса.

• Плагины с предварительной генерацией миниатюр.
  В настройках плагина указываются размеры миниатюр. При загрузке файла создаются миниатюры указанных размеров.
  Преимущество данного способа в том, что при загрузке страницы количество изображений не влияет на время генерации страницы. Но при большом количестве файлов и миниатюр будет возрастать и занимаемое сайтом дисковое пространство.
• Плагины с динамическим изменением размера миниатюр.
  Изображение обрабатывается при генерации страницы, не занимает место на диске, но негативно сказывается на времени загрузки страницы. Не рекомендуется при выводе большого количества изображений.

Можно совмещать между собой различные плагины, получая максимально эффективный результат.

Надеюсь, среди указанных способов вы найдете оптимальный для вас. Не забывайте об уменьшении изображений на сайте - используйте свой контент эффективно.

А еще — задавайте вопросы, пишите в комментариях, оказалась ли статья полезной. Если да, ставьте лайки и делитесь с друзьями.
Удачи и хорошего настроения.

Часто сталкиваюсь с ситуацией когда необходимо уменьшить вес фотографии для того что бы загрузить на одноклассники либо передать по интернету, или же послать на почтовый ящик. В этой заметке хочу поделится как легко и быстро уменьшить вес или размер фотографии для приемлемого уровня. Вам не нужно искать какие то сторонние программы или приложения все можно сделать из стандартного Windows XP.

Что такое ВЕС фотографии

Существуют такие понятия как размер фотографии и вес фотографии, с размером все понятно это количество точек по горизонтали на количество точек по вертикали допустим 3264 * 2448 еще их называют пикселями. Другое дело это вес, под весом понимают объем в мегабайтах. Допустим фотография сделанная на хороший цифровой фотоаппарат будет иметь вес 4.04 мегабайта. Естественно такой вес фотографии не всегда удобно переносить допустим на электронную почту ну или же есть желание уменьшить вес фотографии. Делается это очень просто из программы входящую в Windows называется она Paint.

Итак выбираем фотографию которой хотим уменьшить вес кликаем на нее один раз правой кнопкой мыши и выбираем открыть с помощью, далее выбираем PAINT нажимаем на левую кнопку мышки. Фотография должна отрыться в программе Paint смотрите ниже.

Теперь для уменьшения веса выбираем из верхнего меню Рисунок и Растянуть/Наклонить.

Откроется вот такое окошко.

Теперь в графе По горизонтали меняем значение со 100 процентов на допустим 50 если хотим уменьшить вес в половину, так и в графе По вертикали уменьшаем на 50 процентов. Нажимаем на ОК. Теперь нажимаем на Файл в верхнем меню выбираем Сохранить как и сохраняем фотографию. Все теперь вес уменьшен. Замечу что иногда достаточно вписать значение в 10 процентов что бы значительно уменьшить вес фотографии не теряя особенно в качестве фотографии.

Порой необходимо уменьшит размер фотографии на компьютере для отправки их по электронной почте друзьям или знакомым. Это необходимо, например, тогда, когда мы делаем снимки современными цифровыми фотоаппаратами, с помощью которых получаются очень качественные фото.

Размер фотографий с помощью таких фотоаппаратов получается очень большой. И в основном такие снимки необходимы для их дальнейшего редактирования и качественной печати.

Но, если нужно отправить какие-либо фотографии по электронной почте просто для того, чтобы просматривать их на компьютере, то нет необходимости отсылать большие тяжелые файлы. Особенно это важно учитывать, если у одной из сторон используется не быстрый и не безлимитный Интернет.

Условная ситуация

Допустим, у нас безлимитный быстрый Интернет, а у нашего друга, которому решили отправить фотографии, дорогой и медленный Интернет (например, рубля по 2 за 1 мб. полученной информации).

В таком случае, при отправке даже 5 фотографий весом по 4 мб. отправка сообщения с фотографиями нам не доставит никаких особых затруднений. А вот наш друг будет получать это сообщение с фотографиями очень долго и еще при этом заплатит своему оператору связи около 40 руб.

Поэтому, просто для просмотра фотографий на компьютере лучше использовать перед отправкой их по электронной почте.

Уменьшение размера фото программой Paint

Существует много способов чтобы уменьшить у фотографии ее размер. Но в данной статье мы рассмотрим, как это сделать с помощью программы Paint, которая уже входит в операционную систему Windows. Я рассмотрю Paint в Windows 7 (в XP эта программа работает по такому же принципу).

В качестве примера я сделал снимок со своего фотоаппарата с разрешением 9 mega pixels, и у меня получилось фото размером 4,35 мб. Уменьшу размер этой фотографии. Для этого на данный файл нажимаю правой кнопкой мыши, и в дополнительном меню выбираю: Открыть с помощью -> Paint.

Выбранный файл открывается программой Paint, в которой видны первоначальные размеры фотографии:

Для уменьшения размера фотографии нажимаем на кнопку: Изменить размер (как показано на снимке выше) и в выпадающем меню выбираем изменение в процентах или пикселях. Я выбираю в пикселях, оставляю галочку: Сохранять пропорции и изменяю размер по горизонтали на 1024 (или 1280) пикселей. Этих размеров вполне достаточно, чтобы на любом мониторе компьютера хорошо отображалась фотография:

Для изменения размеров фотографии в Windows XP заходим в меню Рисунок -> Растянуть и изменяем размер в процентном отношении. Либо в меню Рисунок -> Атрибуты и изменяем размер в точках, например как в нашем описанном в этой заметке случае: 1024 по горизонтали и 768 по вертикали.

После изменения размеров фотографию необходимо сохранить. Для этого выполняем всего 3 действия:

1. В меню вверху в левом углу левой кнопкой мыши открываем выпадающий список выбора функций;
2. Наводим курсор на: Сохранить как ;
3. В дополнительном выборе нажимаем на: Изображение в формате JPEG (один из самых распространенных форматов):

Далее нужно выбрать место, куда сохранить измененное фото. Например, у меня первоначальное фото (для этой заметки) находится на Рабочем столе. Файл называется Фото . При сохранении, чтобы не изменить первоначальный файл, называю файл с измененными размерами по-другому (например, Фото 2 ) и нажимаю Сохранить :

Готово! Теперь по свойствам файлов видим, что с помощью стандартной программы Paint мы уменьшили исходный размер фотографии в 10 раз, притом, что при просмотре на компьютере разницы в качестве особо не заметно:

Другие функции программы Paint

В программе Paint можно не только изменять размеры изображений, но также можно , рисовать, добавлять текст, фигуры, и т.д. Поэкспериментируйте со своими фотографиями, при этом, если не понравится результат какого-либо действия, можно всегда отменить его с помощью кнопки отмены последнего действия, которая находится в левой верхней части окна программы:

Итак , при передаче фотографий через Интернет, рекомендую всегда проверять размер передаваемой фотографии. Кстати, это можно сделать, нажав правой кнопкой мыши на фотографию, и в появившемся меню выбрав: Свойства .

Если размер фотографии окажется слишком большим, можно изменить ее размер, например с помощью программы Paint. Для этого открываем файл с помощью этой программы, изменяем размер в %, или по горизонтали на 1024 (можно и меньше) и сохраняем в формате JPEG.

Иногда требуется уменьшить размер фотографий для отправки на емейл или загрузки на сайт знакомств, или в свою любимую социальную сеть.

Дело в том что современные фотоаппараты делают фотографии в большом разрешении, что конечно очень здорово, но при этом такие фото имеют и внушительный размер. Вплоть до нескольких десятков мегабайт.

Конечно же, что на сайтах такая большая фотография будет очень долго открываться, а тот, у кого медленное интернет соединение и вовсе может не дождаться пока она загрузиться целиком.

Что же тогда делать? Все просто, мы можем уменьшить фотографию или сжать ее. При этом на сайте этого не будет заметно — фото по-прежнему будет таким же естественным.

Существует множество программ для уменьшения размера картинок и фото, а также есть сайты, которые позволяют это сделать онлайн.

В данной статье мы рассмотрим сначала несколько программ , а затем предоставим ссылку на сайт, который уменьшит изображение в онлайн режиме .

Используем стандартную программу Paint

Программа Paint есть по умолчанию в операционной системе Windows 7 и в других версиях. Чтобы долго ее не искать, вам достаточно кликнуть по значку «Пуск» и ввести в строку поиска «Paint»:

В списке найденных буден интересующая нас программа. Запускаем ее.

Слева будет значок в виде документа.

При клике на него выпадает меню из которого выбираем «Открыть».

Находим фото на компьютере, которое будем уменьшать.

Затем в меню программы жмем на надпись «Изображение» и «Изменить размер»

Переключаем кнопку на «Пиксели» и вводим нужную вам цифру. Обратите внимание, если стоит галочка «Сохранять пропорции», то при вводе значения по горизонтали — будет автоматически меняться и значение по вертикали.

Если вы хотите свое значение и там и там, то снимите галочку, но тогда изображение будет искажено: растянуто или сжато (если оно не пропорциональное).

Минус программы Paint в том, что мы не можем повлиять на силу сжатия. Поэтому мы рассмотрим очень похожую программу Paint.NET.

Изменяем размер и сжимаем картинку программой Paint.NET

Paint.NET предоставляет нам возможность повлиять на силу сжатия и размер фотографии на выходе. Поэтому рекомендуем использовать именно ее.

Данная программа также обычно уже установлена на компьютере. Попробуйте опять нажать пуск и ввести уже Paint.NET.

Если найдется — запускайте, если нет, то по этой ссылке http://paintnet.ru/download/ ее можно скачать. Программа является бесплатной. Установите ее и запустите.

Также как и в программе описанной выше, открываем файл на компьютере, а затем в меню «Изображение» > «Изменить размер», или сочетание клавиш Ctrl+R.

Также выставляем нужные нам параметры.

Бесплатная программа SmallFoto для пакетной обработки изображений

Данная программа очень проста в применении, с бесплатной лицензией, и позволяет не только уменьшать и сжимать изображения, но также и накладывать поверх водяной знак, обрабатывать и переименовывать сразу несколько картинок, т.е. поддерживается пакетная обработка — целыми папками.

Внешний вид программы SmallFoto:

Выбираем «Источник» — папку на компьютере с ваши оригинальными изображениями (в папке может быть любое количество картинок или фото);

Также выбираем «папку-получатель» куда будут сохранены уменьшенные копии. Можно заранее ее создать.

Выбираете нужный вам размер, формат и качество, кликнув по соответствующей кнопкам и жмете «Старт». То есть все очень просто. В вашей «Папке-получателе» появятся те же фотографии, только с новым размером, который вы хотели.

Уменьшение размера фотографий онлайн

В наше время существует множество сайтов, на которые можно зайти, загрузить фотографию и получить ее уменьшенную копию.

А это значит, что вам можно даже не запускать какие-либо программы, чтобы изменить размер фото. Конечно же, на сайтах в онлайн режиме возможностей гораздо меньше чем предоставляют программы, но если вам важно быстро что-то уменьшить ширину и длину, то почему бы ими и не воспользоваться.

Такую возможность на предоставит сайт www.avazun.ru, а вот точная ссылка инструмента http://www.avazun.ru/tools/razmer/

Кликаем, выбираем фотографию на компьютере. После загрузки появится окошко с возможностью выставить размеры, и кнопка скачать.

Скачиваем полученное изображение на компьютер.