В следующей статье мы рассмотрим, как конвертировать изображения в формат 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
Встроенные инструменты
Как видно на скриншоте выше, пакет содержит предварительно скомпилированную библиотеку (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
В последнем файле мы добавим:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Когда закончите, нам останется только сохранить файл и закрыть его. При выезде мы откроем новое окно терминала и мы сможем выполнять все веб-программы, как любую другую команду в системе.
Преобразование изображения в webp
Чтобы преобразовать изображение в webp, мы можем использовать инструмент cwebp. В нем параметр -q определяет качество вывода, а -o указывает выходной файл. Вот пример:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Просмотр преобразованного изображения
После завершения преобразования мы можем просмотр изображения webp с помощью инструмента vwebp. Как вы можете видеть на снимке, одно и то же изображение имеет определенные отличия от изображения в формате jpeg.
vwebp ubunlog.webp
WebP - лишь один из многих продуктов, созданных в результате постоянных усилий Google по ускорению Интернета. Если мы хотим узнать больше об этом формате изображения, мы можем посетить Сайт проекта WebP.