Практически все мы в качестве картинок на сайте используем изображения в формате PNG или JPG. Два этих формата изображений отлично справляются с задачей до тех пор, пока ваши посетители не обзаведутся мобильными устройствами с экранами высокого разрешения. Новейшие технологии вынудили веб-дизайнеров пересмотреть эффективность данных форматов с точки зрения использования на сайтах.
Вкратце, экраны высокого разрешения требуют двойной размер обычного изображения. В противном случае, ваше изображение будет с зазубринами. Тем не менее, это не единственный недостаток: прежде всего, пользователи с медленным интернетом будут ждать загрузки таких больших изображений целую вечность. Кроме того, такие изображения будут занимать гораздо больше места в хранилище, что также приведет к излишнему перерасходу пропускного канала.
Недавно Google предложила новое решение: новый формат изображений для веб-страниц под названием WebP. Этот формат дает возможность предоставить четкие изображения как для маленьких экранов, так и для больших, и при этом имеет гораздо меньший вес, нежели PNG или JPG. Давайте поближе познакомимся с новым форматом изображений – WebP.
Сравнение WebP
В данном примере мы сравним изображение от Rula Sibai в трех разных форматах:
Как можно видеть выше, изображения имеют практически идентичное качество, но при этом размер 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, мы можем просто использовать один формат для различных целей.
Раздел: Обработка изображений Нет комментариев
Знакомство с WebP – новым форматом изображений для веб-страниц
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 8324 | Нет комментариев
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать