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

Как правильно уменьшить размер изображения, 5 инструментов сжатия изображений

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

сжатие изображений

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

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

Нередко можно столкнутся с трудностями при добавлении определенных элементов на страницу, они могут сильно нагружать, увеличивая скорость открытия. Подобное усложняет оптимизацию, например, нужно искать способы разблокировки визуализации JavaScript или CSS, определять приоритетность отображения данных.

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

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

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

Инструменты будут испробованы на трех типах изображений:

1) Логотип в формате PNG;

2) Большое изображение слайдера без предварительного сжатия в формате PNG;

3) Несжатая инфограстика в формате JPG.

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

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

Пять лучших инструментов сжатия изображений:

1) Отимизилла «Optimizilla HYPERLINK» http://optimizilla.com .

Optimizilla.

У этой программы простой и понятный интерфейс и несколько полезных функций:

1.1) Вы можете работать одновременно с 20-ю изображениями;

1.2) Можно видеть результат сжатия благодаря функции предпросмотра, что позволяет оценить качество изображения после обработки;

1.3) Функция проверки качества. Вы можете настраивать качество изображения, пока не добьетесь приемлемого результата. Вы можете оценить разницу между 65% и 80% качеством изображения, чтобы узнать насколько можно уменьшить размер картинки.

2) TinyPNG.

TinyPNG

 

Эта программа похожа Оптимизиллу. Важные функции:
2.1) Возможность работы с 20 изображениями одновременно;

2.2) Экспортирование в Dropbox.

3) Compressor.io

Compressor

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

4) Kraken

Kraken 

Достаточно полезная программа, имеющая удобные функции:

4.1) Работа с нескольким картинками одновременно;

4.2) Экспортирование в Dropbox или импортирование файлов в Box, Dropbox или Google Drive;

4.3) Улучшенные инструменты настройки качества изображения с возможностью сохранения метаданных для изображений.

Также были обнаружены недостатки, бесплатно можно работать с небольшими изображениями. Например, наш банер весил 1,7 МБ бесплатно его не удалось сжать, нужно было заплатить от 5 до 79 $ в месяц для разблокировки всех возможностей программы.

5) Gift of Speed для (Png) и  для JPG-сжатия

Gift of Speed

Предлагает инструменты для работы с изображениями формата PNG и . Есть возможность загрузить несколько файлов формата PNG. Недостатком можно назвать отсутствие массовой обработки изображений в JPG.

Подведем итоги

Оптимизация изображений

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

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

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

Насколько увеличилась скорость загрузки после сжатия?

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

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

Выяснилось, что время загрузки значительно сократилась. До изменения размера на отображение страницы уходило 5,882 секунды, после изменения контент загружался за 2,369 секунды. Это весьма впечатляющий показатель, оптимизация всего трех изображений увеличила скорость загрузки страницы практически в два раза.

Поэтому не стоит недооценивать важность оптимизации размера и веса изображений.