WebP, формат изображений для веб-страниц Google

О Webp

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

WebP - это относительно новый формат изображений, который предлагает исключительно сжатие без потерь и с потерями для изображений в Интернете. Этот формат был разработан Google. Чтобы использовать его, вам необходимо загрузить предварительно скомпилированные утилиты для Gnu / Linux, Windows и Mac OS X.

WebP - это новый формат изображений, обеспечивающий сжатие без потерь и с потерями для файлов PNG и JPEG. В этом формате добьемся размера изображения на 34% меньше. Это совместим с Google Chrome и Opera. Мы можем использовать Nginx и Apache, чтобы определить, поддерживается ли этот формат агентом браузера, а затем предоставить изображение в новом формате вместо исходного изображения. Этот формат файла также поддерживает анимированные изображения, что может привести к значительному уменьшению размеров изображения.

С форматом WebP веб-мастера и веб-разработчики могут создавать более мелкие и насыщенные изображения которые делают Интернет быстрее.

Установите инструмент WebP в Ubuntu

К счастью, пакет webp присутствует в официальных репозиториях Ubuntu. Мы можем установить его с помощью диспетчера пакетов APT. Нам останется только открыть терминал (Ctrl + Alt + T) и написать в нем:

sudo apt install webp

Мы также можем выбрать Ubuntu и другие дистрибутивы Gnu / Linux для скачать пакет webp из репозитория Google. Для этого воспользуемся командой Wget открыв терминал (Ctrl + Alt + T) и набрав:

wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz

Следующее, что мы сделаем, - это извлечем файл и перейдем в каталог извлеченного пакета следующим образом:

tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz
cd libwebp-0.6.1-linux-x86-32/
cd bin/
ls

инструменты webp

Встроенные инструменты

Как видно на скриншоте выше, пакет содержит предварительно скомпилированную библиотеку (libwebp), чтобы добавить различные веб-утилиты, перечисленные ниже:

  • anim_diff → Это инструмент для показать разницу между анимационными изображениями.
  • anim_dump → Это инструмент для сбросить разницу между анимационными изображениями.
  • cwebp → Это инструмент для кодировка webp.
  • dwebp → Это инструмент для декодирование webp.
  • gif2webp → Инструмент для конвертировать изображения GIF в webp.
  • img2webp → Инструменты для преобразовать последовательность изображений в анимированный веб-файл.
  • vwebp → Это просмотрщик файлов webp.
  • webpinfo → Этот инструмент используется для просмотра информация о файле изображение webp.
  • webpmux → Один инструмент мультиплексирования из webp.

Мы сможем увидеть все параметры для любого из предыдущих инструментов, запустив их без аргументов или используя -longhelp флаг, Например:

cwebp -longhelp

Наконец, если мы хотим запустить предыдущие программы, не записывая их абсолютные пути, нам нужно будет только добавить каталог ~ / libwebp-0.6.1-Linux-x86-32 / бен к нашему Переменная окружения PATH в нашем файле ~ / .bashrc. Для этого выполним в терминале (Ctrl + Alt + T):

vi ~/.bashrc

В последнем файле мы добавим:

включить webp в bashrc

export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin

Когда закончите, нам останется только сохранить файл и закрыть его. При выезде мы откроем новое окно терминала и мы сможем выполнять все веб-программы, как любую другую команду в системе.

Преобразование изображения в webp

Чтобы преобразовать изображение в webp, мы можем использовать инструмент cwebp. В нем параметр -q определяет качество вывода, а -o указывает выходной файл. Вот пример:

Изображение, созданное с помощью Webp

cwebp -q 80 ubunlog.jpeg -o ubunlog.webp

Просмотр преобразованного изображения

Просмотр изображений Webp

После завершения преобразования мы можем просмотр изображения webp с помощью инструмента vwebp. Как вы можете видеть на снимке, одно и то же изображение имеет определенные отличия от изображения в формате jpeg.

vwebp ubunlog.webp

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


Будьте первым, чтобы комментировать

Оставьте свой комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.