Покладіть свої PNG на дієту

покладіть

Формат PNG є одним із найбільш часто використовуваних форматів зображень у дизайні веб-сторінок, і це тому, що на відміну від форматів GIF та JPEG, формат PNG підтримує прозорі плівки з використанням альфа-каналу.

На жаль, коли ми створюємо PNG із прозорими плівками за допомогою Photoshop або GIMP, досить часто його вага в КБ перевищує "еквівалент" у GIF або JPEG, навіть коли ми використовуємо максимальне стиснення. Це призводить до того, що веб-сторінки завантажуються повільніше, ніж могли.

Але виявляється, що існує можливість стиснути ці PNG і зробити їх вагу меншою, ніж GIF або JPEG, принаймні для зображень, які не є фотографіями. Для фотографій зазвичай завжди краще використовувати JPEG, якщо для зображення не потрібні прозорі плівки.

TinyPNG - це надзвичайно проста та зручна у використанні веб-служба, єдиною метою якої є стиснення ваших зображень PNG. Ви просто завантажуєте один або кілька файлів PNG, чекаєте їх стискання і завантажуєте їх знову. Як правило, вдається зменшити розмір на 50% і більше.

Перший тест: фото

Ми провели 2 тести для вимірювання ефективності послуги. У першому з них ми спробували стиснути наступну фотографію:

Оригінальне зображення у PNG важило 2200 КБ, після проходження через TinyPNG його розмір став 559 КБ. Якщо ви уважно придивитесь, то побачите, що воно втратило багато якості, але залежно від того, як відображається зображення, може бути не так вже й багато:

У будь-якому випадку, ця ж фотографія у форматі JPG, стиснута з якістю 75%, важить лише 152 КБ, і її якість еквівалентна якості оригіналу. Тому зрозуміло, що для фотографій краще використовувати JPEG.

Другий тест: ілюстрація

Для наступного тесту ми використали таку ілюстрацію, яка має прозорий фон:

Це зображення в PNG важить 61 КБ. Після стиснення його за допомогою TinyPNG він важить лише 15 КБ, і його якість еквівалентна:

Для тестування ми стиснули зображення у форматі JPG із якістю 75%, і результат був не дуже хорошим. Крім того, його вага становить 19 КБ, що перевищує стиснений PNG, не забуваючи, що JPG не зберігає прозорість фону:

Про автора цієї статті

Айтор Ортуондо є засновником гуеби, де він прагне робити трохи всього: обслуговувати клієнтів, розробляти нові функціональні можливості, писати в цьому блозі, контролювати технічну інфраструктуру, купувати каву, .

Час від часу публікуйте щось у Twitter та Google+.

Схожі повідомлення

Коментарі користувачів

Ці логотипи можна стиснути за допомогою http://compresspng.com до 14765 байт. Результат Tinypng - 15174 байт.

[…] Зменште розмір зображень, що складають дизайн або тему вашого веб-сайту. Наприклад, ви можете зменшити розмір PNG-файлів. […]