Статьи

Что такое формат изображения WebP (и почему он имеет значение)?

Формат WebP — это новый формат изображений от Google, в котором применяются методы сжатия с потерями (компромисс между качеством и размером), а также методы сжатия без потерь (уменьшение размера без ущерба для качества).

Google разрабатывает как программное обеспечение, так и WebP под лицензией BSD . Первоначально он был выпущен 30 сентября 2010 года и является открытым форматом. Используется расширение файла .webp .

WebP: новый формат изображения для Интернета

Основной механизм сжатия WebP

Алгоритм с потерями в WebP использует кодирование с предсказанием для прогнозирования значений цветов соседних пикселей. Затем он кодирует только разницу между фактическими значениями и прогнозами . Из этих закодированных или остаточных значений многие являются нулевыми или нулевыми, и это явление способствует дальнейшему уменьшению размера изображения WebP.

Следовательно, сжатие WEBP с потерями — как JPEG — основано на прогнозировании блоков.

Поддержка и использование

Google Chrome и Opera изначально поддерживают WebP. Среди графических программ Picasa , PhotoLine , Pixelmator , ImageMagick , Konvertor , XnView, IrfanView и GDAL изначально поддерживают WebP.

Facebook начал использовать WebP, чтобы снизить сетевые затраты и ускорить работу своего сайта. Даже относительно небольшие выигрыши в эффективности начинают накапливаться в масштабе Facebook. Когда люди загружают изображения JPEG / JPG, Facebook автоматически делает копии в формате WebP. Теперь они, очевидно, начали доставлять эти изображения людям, использующим Chrome и Opera.

Telegram также начал использовать WebP для своих популярных стикеров. Функция мгновенного просмотра в Поиске Google использует WebP для уменьшения места на диске, используемого для предварительного просмотра.

Основные проблемы возникают, когда человек хочет просмотреть изображение в программном обеспечении, отличном от веб-браузера, или внести в него изменения, так как большинство самых популярных графических приложений, включая программу просмотра изображений Window или OS X и Photoshop, не могут работать с WebP.

В октябре 2013 года Джош Аас из Mozilla Research опубликовал всестороннее исследование современных методов кодирования с потерями и не смог сделать вывод, что WebP превзошел JPEG с какой-либо значительной разницей.

Однако Telegraphics выпустила бесплатный плагин, который обеспечивает поддержку WebP в Adobe Photoshop, GIMP и Paint.NET и поддерживает WebP через плагины. Google также выпустила плагин для Windows, который обеспечивает поддержку WebP в средстве просмотра фотографий Windows, Microsoft Office 2010 и любом другом приложении, использующем компонент обработки изображений Windows.

Преимущества и статистика

Google WebP документация утверждает:

Размеры изображений без потерь в WebP на 26% меньше по сравнению с PNG. Размер изображений с потерями в WebP на 25-34% меньше по сравнению с изображениями JPEG с эквивалентным индексом SSIM. WebP поддерживает прозрачность без потерь (также известную как альфа-канал), добавляя только 22% байтов. Прозрачность также поддерживается при сжатии с потерями и обычно обеспечивает в 3 раза меньший размер файла по сравнению с PNG, когда сжатие с потерями приемлемо для каналов красного / зеленого / синего цветов.

Преобразование в WebP

Документация WebP предоставляет доступ к предварительно скомпилированному программному обеспечению для преобразования изображений PNG и JPEG в изображение WebP. Вы можете прочитать больше об этом и скачать его здесь . Вот ссылка на онлайн-конвертер, который выполняет задачу без загрузки какого-либо программного обеспечения.

Создание стикеров WebP для Telegram

Мы достаточно поговорили о WebP. Давайте применим наши знания о WebP к конструктивному и творческому использованию. Мы рассмотрим, как сделать наклейки для Telegram из изображения JPEG и преобразовать его в файл .webp . Мы собираемся сделать нашу наклейку из следующего изображения.

Исходное изображение JPEG

Мы будем использовать Photoshop, чтобы сделать фоновое изображение прозрачным. Мы сделаем это, выбрав «Background Eraser Tool». Мы также обрежем изображение, так как оно довольно большое!

Обрезанное и прозрачное изображение

Далее мы выберем текущий слой и применим к нему параметры наложения (обводка) и выберем белый цвет. Кроме того, ew нужно выбрать Drop Shadow, чтобы создать тонкий эффект тени, и я сохраняю его в формате PNG.

Поглажено с белым контуром и тенью

Наконец, мы будем использовать онлайн-конвертер для преобразования изображения в формат .webp , и наша наклейка готова!

Наклейка в Telegram

Таким же образом вы можете сделать много других наклеек для распространения среди своих друзей в Telegram.

Вывод

WebP является новым форматом сжатия изображений, и его поддержка со стороны Google, Facebook, Opera и Telegram, безусловно, повысила его популярность. Это формат, который уже имеет здоровую коллекцию поклонников и хулителей.

Тем не менее, возможность упаковать все преимущества GIF и PNG в один формат с уменьшенным размером изображения будет по-прежнему искушать веб-разработчиков создавать более мелкие и насыщенные изображения.

И если это поможет сделать весь интернет быстрее, мы все победим.