У наступній статті ми розглянемо, як конвертувати зображення у формат 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 в.
- img2webp → Інструменти для перетворити послідовність зображень в анімований веб-файл.
- vwebp → Це a переглядач файлів webp -.
- webpinfo → Цей інструмент використовується для перегляду інформація про файл зображення.
- webpmux → Один mux інструмент з webp.
Ми зможемо побачити всі варіанти будь-якого з попередніх інструментів, виконавши їх без будь-яких аргументів або використовуючи -прапор довгої допомоги, Наприклад:
cwebp -longhelp
Нарешті, якщо ми хочемо запустити попередні програми, не записуючи їх абсолютних шляхів, нам потрібно буде лише додати каталог ~ / libwebp-0.6.1-linux-x86-32 / bin до нашого Змінна середовища 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.