Как уменьшить вес фотографии. Сжатие JPEG файла онлайн Как уменьшить объем фотографии без потери качества

Что значит «уменьшить размер фото»? Под эти выражением можно подразумевать:

  1. Уменьшение «веса» фотографии
  2. Уменьшение размеров фото, высоты и ширины в пикселях
  3. Комбинация уменьшения «веса» и «пиксельных» размеров

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

Редактор поддерживает следующие форматы изображений: BMP, GIF, GPEG, PNG, TIFF, TGA.

Уменьшение «веса» фотографии

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

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

  • Открываем в paint.net нужный файл. В панели управления выбираем пункт «Файл», кликаем «Открыть».
  • Выбираем нужное фото. Фото загрузилось.
  • Затем снова выбираем пункт «Файл», кликаем «Сохранить как…».

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

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

Уменьшение размера фото изменением качества изображения

Вот, собственно и все. Файл сохранится. Весить он будет меньше раз в 10.

Уменьшение размера фото. Высота и ширина в пикселях

Предустановленные , Android, которыми сейчас изобилуют смартфоны, умеют делать обрезку кадра. И не только они, облачное хранилище Google Фото , например, и на смартфоне, и на десктопной версии помогает красиво обработать фото по шаблонам, и обрезает кадры под любым углом и размером…

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

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

  • В панели управления выбираем пункт «Файл», кликаем «Открыть».
  • В верхней панели управления выбираем пункт «Изображение».
  • Затем кликаем «Изменить размер».

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


Уменьшение размера фото в пикселях

В верхней части окна отображается размер файла в мега-или килобайтах, который он примет после изменений.

  • Новое фото будет точной копией исходного.
  • Размер его будет соответствовать Вашим требованиям.
  • «Вес» нового снимка существенно уменьшится.

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

Комбинация уменьшения «веса» и пиксельных размеров

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

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

В верхней панели управления выбираем пункт «Эффекты», затем «Для фотографий».

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

«Свечение». Можно поэкспериментировать с Яркостью и Контрастом сжатого фото, и существенно повлиять на конечный результат всех преобразований.


Групповое уменьшение размеров фото

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

Для такой «пакетной» обработки изображений используют как правило программы, подобные бесплатной Easy Image Modifier. Скачать ее можно на сайте www.inspire-soft.net

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

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

Зато пакетное изменение таких параметров, как формат , название или дата файла может быть очень полезным. Такие действия на качество фото никак не влияют, а времени и ручного труда требуют много. Представьте, сколько труда уйдет на то, чтобы изменить название у 20 файлов, а у 100? А с программой Вы сделаете это за пару секунд!

Пользуйтесь умными решениями!

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

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

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

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

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

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

Используем стандартную программу 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/

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

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

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

Проблемы с большим весом изображения

Большой вес фото — причина проблем передачи и хранения файлов:

Трафик. Есть много населенных пунктов, в которых нет безлимитного и относительно недорогого интернета. Села или поселки городского типа, Норильск и Дальний Восток. Так что если нужно передать картинку по почте или в социальной сети, это действие забирает много трафика. Чтобы не тратить весь интернет на передачу нескольких файлов лучше сжать изображение — так выйдет намного экономнее.

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

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

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

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

Как уменьшить объем фото онлайн

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

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

Как сжать фото на компьютере через программы

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

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

Paint

Если нет подключения к интернету, а обработать изображение нужно срочно, возникает вопрос, как сжать фотографию на компьютере, не устанавливая ничего дополнительно. Лучший способ сжать фото на компьютере — просто обработать изображение в Paint. Графический редактор есть у всех пользователей Windows по умолчанию, так что это самый доступный способ — не нужно ничего скачивать и устанавливать. Для этого нужно:


Создайте копию исходного изображения и экспериментируйте с процентами, на которые хотите сжать фото. Обычно хорошо работает от 50 до 80 процентов.

Mac

Если не используете систему Windows, то у вас не стоит Paint. Тогда можно воспользоваться функцией предварительного просмотра на операционной системе Mac:


Adobe Photoshop

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

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

Массовая оптимизация изображений

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

Один из удобных онлайн сервисов для сжатия сразу нескольких фото Kraken.io. За один раз можете загрузить несколько картинок, суммарным размером до 10 мегабайт. После нужно выбрать сжатие — и сервис обработает все изображения разом. Повторять можно несколько раз, пока не измените размер всех фото. Это быстрее, чем сжать фото по одной, но отнимет время, если изображений много.

Однако, если речь идет о больших объемах, стоит сжать фото через программы. Мы рекомендуем обратить внимание на Picture Combine. Легкая, не займет много места, удобно обрабатывать фото, с простым интерфейсом и без лишних наворотов. В ней вы можете работать с разными форматами картинок — jpeg, jpg, png и другие популярные форматы. Там можно сжимать фото целым пакетом.

Уменьшение объема всей папки

Если нужно переместить с устройства на устройство папку на флешке, то пользователю необходимо знать как уменьшить вес фото для целой папки. Для того, чтобы не возиться с каждой отдельной фотографией, нужно воспользоваться архиватором. Он уберет от 20 до 75 процентов объема и фото поместятся на внешний носитель.

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

Чтобы сжать папку:

  • Выберите правой кнопкой мыши, а после кликните по надписи “Добавить в архив”.
  • В окне, которое откроется, выберите, как нужно архивировать, в каком формате после сжатия будет доступна папка.
  • После выберите “Ок” — и процесс запустится.

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

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

Способ 1. Как изменить размер изображения в Microsoft Paint

  1. Найдите и запустите MS Paint . Он предустановлен на всех версиях операционной системы Windows. Пуск> Все программы> Стандартные> Paint :
  1. Перетяните изображение в окно Paint или используйте Меню> Открыть (Ctrl + O) .
  2. В главном меню программы найдите пункт «Изменить размер » и выберите его:
  1. Откроется панель изменения размеров и пропорций изображения. Значение вы можете указать в пикселях. Не забудьте установить флажок «Сохранять пропорции ». Иначе изображение будет деформировано:
  1. Чтобы увеличить размер картинки, нажмите кнопку «ОК » и сохраните фотографию.

Советы:

  • Если не получается задать нужные размеры фотографии, не растягивая ее, вы можете использовать инструмент «Обрезка », чтобы удалить ненужные края. Как это сделать, описано в пункте 3 ;
  • Чтобы быстрее открыть фотографию, кликните по ней правой кнопкой мыши и выберите из контекстного меню пункт «Открыть с помощью Paint »;
  • Лучше всего сохранять изображение в том же формате, что и оригинал.

Способ 2. Как изменить размер изображения в MS Photo Gallery

  1. Если Microsoft Photo Gallery не установлена на вашем компьютере (Пуск> Фотогалерея ), вам необходимо скачать и установить его как часть Windows Essentials 2012 ;
  2. Запустите MS Photo Gallery и найдите свой графический файл;
  3. Кликните по нему правой кнопкой мыши и выберите пункт «Изменить размер …»:
  1. Выберите готовый пресет: «Малый 640 пикселей », «Средний 1024 », «Большой 1280 » и т.д.
  1. Нажмите «Изменить размер и сохранить ». После того, как увеличите размер картинки, изображение будет размещено в той же папке, в ней также останется оригинал.

Советы:

  • Если нужно задать точный размер изображения, в выпадающем меню выберите пункт «Пользовательский » и установите размер для большей стороны фотографии;
  • Чтобы изменить размер нескольких фотографий одновременно, выберите их, удерживая нажатой клавишу Ctrl .

Способ 3. Как изменить размер изображения в Photoscape

Можно увеличить размер картинки в Фотошопе. Или использовать для этого Photoscape .

  1. Загрузите Photoscape и установите его. Запустите программу;
  2. Перейдите на вкладку «Редактор » и найдите фотографию, которую хотите изменить:
  1. В нижней части изображения находится кнопка «Изменить размер », нажмите на нее.
  2. Задайте новый размер фотографий. Убедитесь, что опция «Сохранять соотношение сторон » включена и нажмите кнопку «OK »:
  1. Сохраните отредактированное изображение.

Советы:

  • Если необходимо изменить размер нескольких изображений, используйте вкладку «Пакетный редактор ». Добавьте папку и измените размер всех фотографий в ней;
  • Если вы не знаете точный размер, можно задать «Процент » от исходного размера.

Способ 4. Как изменить размер изображения в IrfanView

  1. Установите IrfanView — отличный инструмент для просмотра и увеличения размера картинки;
  2. Добавьте фотографию, перетянув ее в окно программы, или нажав первую кнопку в панели инструментов:
  1. Перейдите на вкладку «Изображение », выберите «Изменить размер /пропорции » (Ctrl + R );
  2. Установите новый размер в пикселях, сантиметрах, дюймах, или в процентах от исходного изображения:
  1. Сохраните изображение.

Советы:

  • Вы можете использовать стандартные размеры: 640 на 480 пикселей, 800 на 600 пикселей, 1024 на 768 пикселей и т.д.;
  • Чтобы сохранить высокое качество фотографий, убедитесь, что для параметра DPI задано значение не менее 300.

Способ 5. Как изменить размер изображения онлайн

  1. Чтобы увеличить размер картинки онлайн, перейдите на сайт PicResize .
  2. Нажмите кнопку «Browse », чтобы выбрать фотографию. Нажмите «Continue »:
  1. Выберите процент от исходного изображения, например на 50% меньше. Инструмент отобразит размер изображения на выходе. В качестве альтернативы можно ввести точный размер, выбрав в выпадающем меню пункт «Custom Size »:

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

Оптимизацию изображений можно рассматривать в 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, и платных, и бесплатных, они используют разные алгоритмы сжатия и выдают разные результаты. Главное, подобрать подходящий для вашего ресурса.

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

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

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

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