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

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

Практически все мы в качестве картинок на сайте используем изображения в формате 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, мы можем просто использовать один формат для различных целей.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: фотография
Опубликовал Design FactoRy   Прочитано (раз): 8324   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица России
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)
Популярные публикации







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Март 2024    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
25262728293031