Максим Соколов
Создание сайтов без программирования

Оптимизация графики на сайте через WebP.

9 ноября 2015 Графика

оптимизация графики на сайте

Как говорил классик «Картинка стоит тысячи слов», но с точки дизайна она может стоит тысячи килобайт. Если взять любой архив сайта и посмотреть его размер, то 64% составляет графика. Учитывая это оптимизация графики выходит на первое место. Особенно учитывая, что многие пользователи с не скоростным интернетом будут уходить с сайта, если он не открылся в течении нескольких секунд.

Основным форматом графики на сайте является jpg и png. Можно использовать программы и сервисы для сжатия форматов, но есть еще одно интересное решение, которое мало где упоминается.

В 2010 году, компания Google разработала графический формат, который обеспечивает сильное сжатия без потерь в качестве. Это формат WebP. Далее за этим форматом встали такие бренды как Facebook и eBay по понятным причинам.

оптимизация графики на сайте

За счет того, что формат WebP имеет альфа-канал он отлично подходит под замену png. Без даже минимальных потерь преобразованный файл WebP из Png меньше на 26%. Если мы жмем до 80% то тут уже идет потеря альфа-канала. В итоге жмем и смотрим.

Что касается jpg, то тут 34%. Особенно это сильно заметно по работе больших графических файлов, которые используются в разворотах как фон.

Чем жать

плагин для формата WebP

Есть плагин для Photoshop, но к сожалению он работает только на старых версиях. Но на сегодня очень много on-line сервисов, которые конвертируют файлы.

Но есть одна ложка дегтя, которая сильно порушит эту идею. Дело в том, что Mozilla, Safari, и IE не поддерживают этот формат. Есть хитрые способы конвертации зиображения для этих браузеров в формат PDF, но тут уже ищем сами. Chrome, Яндекс браузер подхватывают этот формат.

   
   
, 0

Комментарии:

Есть что-нибудь сказать? Идем дальше и оставляем свой ​​комментарий!