Главная > Обработка изображений > Знакомство с WebP – новым форматом изображений для веб-страниц
Знакомство с WebP – новым форматом изображений для веб-страниц10 декабря 2013, 15:45. Разместил: Design FactoRy |
Практически все мы в качестве картинок на сайте используем изображения в формате 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, мы можем просто использовать один формат для различных целей. Вернуться назад |