У минулій статті ми розповіли про перший пункт підготовки зображень до публікації на сайті - зміні розмірів зображень. Другим пунктом подготокі зображень, є стиснення зображень.

Зображення, отримані за допомогою цифрових фотокамер або сучасних мобільних телефонів, як правило мають досить велику вагу - мегабайти. Навіть після того, як розміри зображення будуть зменшені, його вага, найчастіше, може мати можливість для оптимізації. Що дає оптимізація (стиснення) зображення? Меншу вагу, перш за все, дозволяє зображенню швидше загружатся. Крім того, стислий зображення займає менше місця на сервері. Уявіть собі, наприклад, інтернет-магазин з тисячами товарів на кожен з яких є кілька зображень - уявляєте скільки місця на сервері вони займуть?

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

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


1. COMPRESSJPEG

https://compressjpeg.com/

Цей онлайн сервіс має кілька функцій, але ми розглянемо тільки необхідні - Зменшення розміру зображень форматів JPG іpNG.

Для стиснення зображень формату JPG необхідно на відповідній вкладці завантажити зображення, натиснувши на кнопку "Завантажити" або перетягнути файл зображення мишкою. Підтримується завантаження декількох зображень відразу.

Як тільки зображення завантажаться на сервер автоматично почнеться їх стиснення. Весь процес можна спостерігати на екрані. По закінченню стиснення буде запропоновано завантажити зображення, натиснувши на кнопку "Завантажити" на іконці зображення. Якщо завантажено було кілька зображень, то їх можна скажатьвсе відразу, натиснувши на кнопку "Завантажити все". Зображення будуть запаковані в ZIP архів.

Так само точно стискаються і зображення форматуpNG - потрібно тільки перемкнутися на відповідне вкладку. Однак, як показав практичний досвід, зображення даного формату лучшесжімать використовуючи інший сервіс.


2. TINYPNG

https://tinypng.com/


Цей онлайн сервіс дозволяє стискати як зображення форматуpNG, так і зображення формату JPG. Однак в стисненні зображень JPG він програє розглянутому вище сервісу. А ось в стисненні зображень форматуpNG він навпаки показує кращі результати.

Тут тожевсё максимально просто - завантажили зображення, натиснувши на іконку завантаження і скачайте стислий зображення. Множинна завантаження зображень також підтримується.


Порівняння

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

 Зображення у форматі JPG. 

 Вага зображення - 100 408 байт. 


 Зображення після стиснення сервісом compressjpeg. 

 Вага зображення - 77 359 байт (стиснення склало 23%) 


 Зображення після стиснення сервісом tinypng. 

 Вага зображення - 81 148 байт (стиснення склало 19%) 


Як бачимо, якість зображення не постраждало, а вага відчутно зменшився. Причому сервіс compressjpeg стиснув зображення краще. З форматомpNG результат стиснення для даних сервісів буде зворотним - виграє tinypng.

32

опубликовано: 2020-04-06

поделиться статьёй:   

Напишите комментарий