Согласно статистическим данным, практически каждый четвертый человек, зашедший в интернет, покинет сайт, если загрузка страниц продлится более 4 секунд. На длительность загрузки могут значительно влиять тяжеловесные изображения. Чтобы image появлялись на экране быстрее, компания Google создала в 2010 г. WebP. Разрабатывался подобный инструмент в противовес традиционно привычным форматам, например, jpeg, GIF.
Сейчас нам предстоит разобраться, что представляет собой расширение для изображений WebP, чем оно может быть привлекательно, как работает и почему не все готовы иметь с ним дело.
Формат WebP: что это такое и зачем он нужен
WebP является современным форматом изображения от компании Гугл и предназначается для обеспечения хорошего качества image при небольших размерах картинки по сравнению с алгоритмами, которые появились раньше (PNG, JPEG). Это качество объясняет, почему формат WebP используют специалисты при веб-разработках, при оптимизации изображений в соцсетях, в приложениях для мобильных устройств, везде, где большую роль играет скорость загрузки.
Format поддерживает большая часть современных обозревателей, в том числе Хром, Опера.
Почему формат WebP полезен для работы с картинками:
Уменьшается размер картинок. В среднем их можно уменьшать на 25-30%, тем самым экономя пространство на жестком диске, получая возможность размещать на веб-ресурсе большее число иллюстраций.
Ускоряется загрузка контента. На обработку небольших файлов отводится уже меньше времени, что положительно сказывается на конверсии, продвижении в поисковиках.
Чем WebP лучше других форматов изображений
Отвечая на вопрос, почему формат WebP используют многие разработчики, пользователи, отметим основную его особенность – сокращение размеров при минимальных потерях качества. Это оказывает положительное влияние на ряд аспектов при работе в Internet:
Веб-ресурсы с расположенными на них сжатыми иллюстрациями функционируют быстрее, сокращается период обработки. В случае, если контент будет включать в себя десятки картинок, сжатие поможет избежать длительного ожидания.
Небольшие WebP-изображения экономят место на диске.
Меньше тратится мобильного трафика при входе в интернет с мобильного телефона.
Если говорить о плюсах данного расширения по отношению к другим подобным инструментам, то нельзя обойтись без сравнений, например:
JPEG. Вариант, который хорошо подходит для картинок с большой цветностью. Он немного весит, имеет неплохое качество, поэтому популярен у аудитории. Основной недостаток – значительное снижение качества, детализации. Это бросается в глаза при приближении или если у image невысокое разрешение. Компрессия при WebP сохраняет качественность иллюстраций.
PNG. Алгоритм воспринимается как стандарт, сумевший найти добрую середину между параметрами и качественностью. Инструмент используют для логотипов, небольших текстов, где не требуется тщательная детализация. Если с графикой PNG справляется на «ура», то с фото такой картины не наблюдается. Результаты WebP, касающиеся детализации, цветности, показывают тот же уровень, значит формат ничем не уступает PNG. Но преимущество перед последним в том, что размеры после компрессии уменьшаются примерно на 25-30%.
Image by Freepik.
Слабые стороны и ограничения WebP
Идеальных решений не бывает, значит данное расширение тоже имеет свои минусы:
не поддерживаются CMYK, LAB, вот почему формат WebP не используют в полиграфии, обработке профессиональных фото;
ограничена поддержка метаданных;
не поддерживается прогрессивное отображение, что сказывается на терпении пользователей при закачке больших картинок при «неторопливых» соединениях;
повышается расход ресурсов процессора при процедуре декодирования. В первую очередь разговор идет об анимированных WebP-изображениях;
не предусматривается поддержка в нескольких известных графических редакторах, программах для обработки изображений;
существует нужда хранить варианты картинок в альтернативных версиях, чтобы обеспечить совместимость со старыми обозревателями.
Эти факторы служат неким тормозящим эффектом в более обширном применении данного подхода. Определенные неудобства не позволяют некоторым пользователям прибегать к данному формату.
Как внедрить изображения WebP на сайт
Для внедрения можно применить тег в HTML, например:
В данном случае <picture> позволяет обозревателю выбрать подходящий вариант сжатия. Если браузером поддерживается WebP, изображение отобразится в данном формате. В ином случае – будет использоваться JPG.
Можно воспользоваться другим способом, применив плагин для Photoshop. Его скачивают с официального сайта, устанавливают, перезапускают редактор. После данных действий в ПО должен появиться свежий формат для экспорта. Далее необходимо:
открыть иллюстрацию в определенном format;
активизировать закладку File;
кликнуть на позицию «Сохранить как»;
в появившемся окне указать необходимый параметр.
Чем открыть файл в формате WebP
Для этого можно воспользоваться массой различных программ. Назовем несколько из них относительно определенных операционных систем:
Windows подойдут Гугл Picasa, Adobe Photoshop 23.2;
Linux – Gwenview;
Мас – Фотошоп, Pixelmator.
Существует и другой подход, чтобы открыть необходимый файл: воспользоваться возможностями веб-обозревателей. Следует перенести файл в окошко обозревателя или выбрать в закладке Файл и кликнуть «Открыть».
Как преобразовать WebP в другой формат и обратно
Для осуществления преобразований существуют специальные сервисы, например:
CoolUtils. Предоставляет бесплатные услуги, позволяющие конвертировать online изображения на различных устройствах. Для этого следует сделать переход на сайт, перетащить выбранные объекты в специальное окно, найти необходимый формат из предоставленного перечня, нажать кнопку скачивания конвертированного файла.
Online-конвектор cloudconvert. Для необходимого результата через специальную форму загружается картинка, нажимается команда «Convert». После этого появится окно с обработанным вариантом, теперь следует кликнуть по «Download» для начала скачивания.
Приложение Paint. Объект обработки открывается в браузере. Необходимо сделать на нем клик правой клавишей мышки, выбрать команду «Копировать». После этого изображение вставляется в приложение, далее сохраняется в требуемом формате.
ПО типа XnConvert. У софта имеется возможность пакетной обработки. Это помогает обработать большое количество файлов.
Заключение
Подводим итоги, почему формат WebP многие считают полезным инструментом:
сохраняется качество при сжатии размеров;
не увеличивается, чаще уменьшается период загрузки веб-страниц;
WebP-изображения не забивают пространство диска, значит, происходит рачительное использование памяти.
Ради продвижения, развития бизнес-проекта в интернете можно бесчисленное количество раз использовать различные виды рекламы. Какие-то приносят видимые результаты в короткие сроки, некоторые – обещают «выстрелить» в перспективе, что несколько размывает эффект «Вау», иногда кампания сводится к деньгам на ветер. Сегодня мы предлагаем поговорить об одном из способов оплаты – Cost per Action: как применять CPA в маркетинге, на какие показатели лучше всего ориентироваться.
Image by Freepik.
