RSS
 

Как эффективно сжать png или jpg файлы? Панда вам поможет!

20 Июн

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

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

В этой статье я расскажу о полезном сервисе, который круто сжимает изображения (png, jpg) без заметной потери качества. Например, картинку-баннер (png) исходным размером 455 Кб ему удалось сжать более, чем в 3,5 раза!

Уменьшаем размеры картинок PNG

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

Начинаем! Откройте сервис по адресу https://tinypng.com/

TinyPNG

Когда вы загрузили TinyPNG в соседней вкладке, у вас появляется выбор. Вы можете с помощью Drag’and’Drop перетащить мышкой свои файлы из проводника или Total Commander’а в область окна, выделенное штрихами. Или нажать на нее же и выбрать PNG или JPG файлы стандартным образом.

Перетащите на эту область PNG или JPG файлы

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

Давайте проведем эксперимент на моем подопытном файлике banner4.png, размером в 455,4 Кб. После сжатия размер уменьшился на 72% и составил 130,3 Кб. То есть, в 3,5 раза. Здорово, правда?

Теперь остается только нажать на ссылку download и скачать оптимизированное изображение.

TinyPNG. Файл оптимизирован на 72%!

А если вы загружаете несколько файлов, то интерфейс будет вот такой:

Загрузка и оптимизация нескольких файлов

Чтобы не загружать каждый файл по отдельности, нажмите кнопку зеленую кнопку Download all. Все картинки скачаются в архиве. Можете и в Dropbox (что такое Dropbox?) сохранить при желании.

Если вы сам себе вебмастер и регулярно имеете дело с png или jpg файлами, то этот сервис будет хорошим помощником в деле оптимизации картинок. Сервис также предлагает плагины для Photoshop, WordPress и Magento 2.

А каким образом вы оптимизируете свои картинки, скриншоты, фотографии, баннеры и прочие изображения?

 

Ваш комментарий: