В следващата статия ще разгледаме как конвертирате изображения във формат WebP. Ако се посветите на създаването на уеб страници, вече ще знаете, че една от най-добрите практики за оптимизиране на работата на вашия уеб сайт е използването на компресирани изображения. В тази статия ще видим как да използваме формата WebP. С него можем да създаваме компресирани и качествени изображения, които да използваме на нашите уеб страници.
WebP е сравнително нов формат на изображението, който предлага изключително компресия без загуби и загуби за изображения в мрежата. Този формат е бил проектиран от google. За да го използвате, ще трябва да изтеглите предварително съставени помощни програми за Gnu / Linux, Windows и Mac OS X.
WebP е нов формат на изображението, който осигурява компресиране без загуби и загуби за PNG и JPEG файлове. С този формат ще постигнем размер на изображението до 34% по-малък, е съвместим с Google Chrome и Opera. Можем да използваме Nginx и Apache, за да определим дали този формат се поддържа от Browser Agent и след това да обслужваме изображението в нов формат вместо оригиналното изображение. Този файлов формат също поддържа анимирани изображения, което може да доведе до голямо намаляване на размерите на изображенията.
С формата на 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 → Това е a преглед на уеб файлове.
- webpinfo → Този инструмент се използва за преглед информация за файл изображение webp.
- 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.