Що таке WebP і в чому його переваги

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

WebP – порівняно новий формат зображень, створений Google. Цей формат здатний забезпечити якісне стиснення зображень. При аналогічній або найкращій якості порівняно з JPEG, фото WebP має розмір на 31% відсоток менше.

Привіт WebP!

Історія використання формату розпочалася у 2010 році, з презентації. Сьогодні великі компанії, включаючи Google, Facebook, eBay та низку інших радять переходити на нього.

Переваги очевидні:

• більш оперативне завантаження сторінки для кінцевого користувача за інших рівних;
• менший розмір зображення;
• відсутність втрат якості;
• підтримка прозорості (як у форматі PNG);
• маска альфа-каналу;
• переходи з одного кольору в інший більш якісні, з мінімальною «драбинкою».

З недоліків варто зазначити:

• погану підтримку сучасними браузерами;
• спотворені елементи набувають «пластикового» вигляду;
• експорт має своєрідний інтерфейс, тому не всім зручний.

Яку якість зображень пропонує WebP?

Виходячи з інформації, розказаної Google під час презентації, WebP здатний:

• Стискати фото без втрат на 26 відсотків краще, ніж .png;
• Стискати фотографії із втратами краще, ніж .jpg на 25-35 відсотків (з урахуванням однакової структури);
• Підтримувати прозорість, збільшуючи розмір файлу на 22 відсотки (раніше недосяжний жодним форматом показник).

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

Читайте також

Перевірка швидкості завантаження сайту

На окрему увагу заслуговує альфа-маска або прозорість. У порівнянні з PNG здатний запропонувати стиск на 80-90 відсотків, що в масштабах простору, що використовується, чимало! Так, однакові зображення за якістю в PNG і WebP-форматі «важать» 155 і 27 кілобайт відповідно.

Єдиний мінус прозорості – при максимальних налаштуваннях стиснення переходи будуть не плавними. Погравшись в Adobe Photoshop з налаштуваннями та експортом фотографій, це чітко простежується. Але як не крути, близько 30-50% від розміру PNG без швидкої візуальної втрати якості можна заощадити.