Главная > Обработка изображений > Знакомство с WebP – новым форматом изображений для веб-страниц

Знакомство с WebP – новым форматом изображений для веб-страниц


10 декабря 2013, 15:45. Разместил: Design FactoRy
Практически все мы в качестве картинок на сайте используем изображения в формате PNG или JPG. Два этих формата изображений отлично справляются с задачей до тех пор, пока ваши посетители не обзаведутся мобильными устройствами с экранами высокого разрешения. Новейшие технологии вынудили веб-дизайнеров пересмотреть эффективность данных форматов с точки зрения использования на сайтах.

Вкратце, экраны высокого разрешения требуют двойной размер обычного изображения. В противном случае, ваше изображение будет с зазубринами. Тем не менее, это не единственный недостаток: прежде всего, пользователи с медленным интернетом будут ждать загрузки таких больших изображений целую вечность. Кроме того, такие изображения будут занимать гораздо больше места в хранилище, что также приведет к излишнему перерасходу пропускного канала.

Недавно Google предложила новое решение: новый формат изображений для веб-страниц под названием WebP. Этот формат дает возможность предоставить четкие изображения как для маленьких экранов, так и для больших, и при этом имеет гораздо меньший вес, нежели PNG или JPG. Давайте поближе познакомимся с новым форматом изображений – WebP.

Сравнение WebP

В данном примере мы сравним изображение от Rula Sibai в трех разных форматах:

Знакомство с WebP – новым форматом изображений для веб-страниц

Как можно видеть выше, изображения имеют практически идентичное качество, но при этом размер WebP значительно меньше.

Более того, WebP поддерживает прозрачность, что позволяет нам создавать прозрачные изображения на страницах, а это отличных метод для создания логотипов. Давайте посмотрим примеры и сравнение.

Знакомство с WebP – новым форматом изображений для веб-страниц

Инструменты для работы с WebP

К сожалению, многие редакторы изображений – за исключением Pixelmator, - на данный момент не поддерживают формат WebP. Но сейчас можно найти другие инструменты, которые позволяют нам загружать, создавать, сохранять и конвертировать JPEG, PNG и другие форматы изображений в WebP.

* WebP for Photoshop – плагин для Photoshop, который позволяет вам загружать и сохранять изображения в формат WebP.
* Convert to WebP – этот инструмент поможет с конвертированием JPEG и PNG и других форматов в WebP.
* WebP to Other Format – Данный инструмент предназначен для конвертации WebP в другие форматы.
* Gimp For WebP – плагин для Gimp, предоставляющий поддержку WebP.
* WebP Codec для Windows – используя этот кодек, вы сможете просматривать изображения в формате WebP в ОС Windows.

К сожалению, на данный момент WebP также не очень хорошо поддерживается и в браузерах. Сейчас он работает только в Opera и Chrome.

В завершение

WebP создает впечатление очень многообещающего формата изображений для веб. Несмотря на отсутствие поддержки, здесь все же есть пару преимуществ:

* Меньший размер изображений, что позволяет экономить место на жестком диске и пропускную способность канала.
* Так как размер WebP меньше, чем JPG или PNG, изображения загружаются гораздо быстрее.
* WebP позволяет использовать изображения в том же качестве, но при этом добавлять к ним эффект прозрачности. Так что, вместо использования PNG и JPG, мы можем просто использовать один формат для различных целей.
Вернуться назад