Nākamajā rakstā mēs to apskatīsim konvertēt attēlus WebP formātā. Ja jūs veltīsit sevi tīmekļa lapu izveidei, jūs jau zināt, ka viena no labākajām praksēm savas vietnes veiktspējas optimizēšanai ir saspiestu attēlu izmantošana. Šajā rakstā mēs redzēsim, kā izmantot WebP formātu. Ar to mēs varam izveidot saspiestus un kvalitatīvus attēlus, kurus izmantot mūsu tīmekļa lapās.
WebP ir salīdzinoši jauns attēlu formāts, kas piedāvā ārkārtīgi bezzudumu un zaudējumu saspiešanu attēliem tīmeklī. Šis formāts ir bijis ko izstrādājis google. Lai to izmantotu, jums būs jāielādē iepriekš apkopoti utilīti Gnu / Linux, Windows un Mac OS X.
WebP ir jauns attēlu formāts, kas nodrošina bezzudumu un bezzudumu saspiešanu PNG un JPEG failiem. Ar šo formātu mēs sasniegsim līdz 34% mazāku attēla izmēru. Tas ir saderīgs ar Google Chrome un Opera. Mēs varam izmantot Nginx un Apache, lai noteiktu, vai pārlūka aģents atbalsta šo formātu, un pēc tam attēlu kalpot jaunā formātā, nevis sākotnējā attēlā. Šis faila formāts atbalsta arī animētus attēlus, kas var izraisīt lielu attēlu izmēru samazinājumu.
Izmantojot WebP formātu, tīmekļa pārziņi un tīmekļa izstrādātāji to var izveidojiet mazākus, bagātākus attēlus kas padara tīmekli ātrāku.
Instalējiet WebP rīku Ubuntu
Par laimi tīmekļa pakete ir atrodas oficiālajos Ubuntu krātuvēs. Mēs to varam instalēt, izmantojot APT pakotņu pārvaldnieku. Mums būs jāatver tikai terminālis (Ctrl + Alt + T) un tajā jāieraksta:
sudo apt install webp
Mēs varam izvēlēties arī Ubuntu un citus Gnu / Linux izplatījumus lejupielādējiet tīmekļa paketi no Google krātuves. Tam mēs izmantosim komandu wget atverot termināli (Ctrl + Alt + T) un ierakstot:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
Nākamā lieta, ko mēs darīsim, ir izvilkt failu un pāriet uz iegūtās pakotnes direktoriju šādi:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Iebūvēti rīki
Kā redzat no iepriekš redzamā ekrānuzņēmuma, paketē ir iepriekš sastādīta bibliotēka (libwebp), lai pievienotu dažādas tālāk uzskaitītās tīmekļa utilītas:
- anim_diff → Tas ir rīks parādiet atšķirību starp animācijas attēliem.
- anim_dump → Šis ir rīks izmest atšķirību starp animācijas attēliem.
- cwebp → Tas ir rīks tīmekļa kodēšana.
- dwebp → Šis ir rīks domēnam tīmekļa dekodēšana.
- gif2webp → Rīks vietnei konvertēt GIF attēlus uz tīmekļa vietni.
- img2webp → Rīki vietnei pārveidot attēlu secību par animētu tīmekļa failu.
- vwebp → Tas ir a tīmekļa failu skatītājs.
- webpinfo → Šis rīks tiek izmantots, lai skatītu informācija par failu attēla tīmekļa vietne.
- webpmux → Viens mux rīks no tīmekļa.
Mēs varēsim redzēt visas opcijas jebkuram no iepriekšējiem rīkiem, izpildot tos bez jebkāda argumenta vai izmantojot -palīdzības karogs. Piemēram:
cwebp -longhelp
Visbeidzot, ja mēs vēlamies izpildīt iepriekšējās programmas, nerakstot to absolūtos ceļus, mums būs tikai jāpievieno direktorijs ~ / libwebp-0.6.1-linux-x86-32 / bin uz mūsu PATH vides mainīgais mūsu failā ~ / .bashrc. Lai to izdarītu, mēs izpildīsim terminālā (Ctrl + Alt + T):
vi ~/.bashrc
Pēdējā failā mēs pievienosim:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Kad tas būs pabeigts, mums būs tikai jāsaglabā fails un jāaizver. Aizbraucot mēs atvērsim jaunu termināla logu un tagad mēs varam palaist visas tīmekļa programmas kā jebkuru citu komandu sistēmā.
Konvertējiet attēlu uz tīmekļa lapu
Lai attēlu pārveidotu par tīmekļa lapu, mēs varam izmantot tīmekļa lapu rīku. Tajā parametrs -q nosaka izvades kvalitāti un -o norāda izvades failu. Lūk, piemērs:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Skatiet konvertēto attēlu
Kad konvertēšana ir pabeigta, mēs varam apskatīt tīmekļa attēlu, izmantojot vwebp rīku. Kā redzat uzņemšanā, vienam un tam pašam attēlam ir noteiktas atšķirības attiecībā pret attēlu JPEG formātā.
vwebp ubunlog.webp
WebP ir tikai viens no daudziem produktiem, kas nāk no Google pastāvīgajiem centieniem padarīt tīmekli ātrāku. Ja mēs vēlamies uzzināt vairāk par šo attēla formātu, mēs varam apmeklējiet WebP projekta vietne.