Utilizarea imaginilor WebP în WordPress

După cum probabil știți deja, când vine vorba de site-uri web, viteza contează! Unul dintre cele mai importante lucruri pe care le puteți face pentru a vă accelera site-ul este reducerea dimensiunii paginii. Cu cât este mai mic, cu atât mai puține date care trebuie descărcate. Cu cât sunt mai puține date, cu atât pagina se va încărca mai rapid (într-un motiv rezonabil!).

Imaginile reprezintă o parte semnificativă a dimensiunii fișierului unei pagini web (uneori peste 50% din datele paginii sunt imagini). Acest lucru face ca imaginile să fie ținta numărul unu pentru a merge la dietă în căutarea dvs. pentru dimensiuni mai mici de pagină! În mod tradițional, majoritatea imaginilor utilizate pe site-uri web sunt fie JPEG, fie PNG. Ambele sunt tipuri excelente de fișiere care funcționează bine pe site-uri web. Totuși, pot avea o problemă de dimensiune. În timp ce folosirea unui instrument precum TinyPNG este recomandată (și poate avea un impact dramatic asupra dimensiunii imaginilor pe care le adăugați pe site-ul dvs.), ce ar fi dacă ar exista un format de imagine mai mic „direct din cutie”. Ei bine, există și se numește WebP.

În acest articol, vom arunca o privire asupra imaginilor WebP mai detaliat pentru a afla care sunt acestea și cum le puteți utiliza pe site-ul dvs. WordPress. Așadar, dacă ți-ai dorit întotdeauna să-ți slăbești site-ul, atunci mergi să ia o cafea și niște prăjitură (nimeni nu a spus că trebuie să ținem o dietă la fel de bine ca site-ul nostru!) și apoi să mergem!

Ce sunt imaginile WebP?

Deci, care sunt aceste imagini WebP despre care probabil ați auzit oamenii vorbind? Ei bine, nu este nimic prea complex sau misterios în asta. Practic, este doar un alt tip de fișier. În loc ca imaginile să fie salvate în format JPEG sau PNG, acestea sunt salvate ca WebP. WebP a fost de fapt dezvoltat de Google. Ei descriu WebP ca „un format de imagine modern care oferă o compresie superioară fără pierderi și cu pierderi pentru imaginile de pe web. Folosind WebP, webmasterii și dezvoltatorii web pot crea imagini mai mici și mai bogate, care fac web-ul mai rapid.'

Google iubește un site web rapid, așa că este logic să fie lider în furnizarea unui format de imagine care va ajuta site-urile să ruleze mai rapid. Fișierele WebP sunt de obicei între 25% și 34% decât un JPEG echivalent (conform studiului propriu al Google). Pe baza faptului că imaginile pot constitui cea mai mare parte a datelor de pe o pagină web, aceasta este o economie semnificativă.

Găzduiește-ți site-ul web cu Pressidium

GARANTIE 60 DE ZILE BANI RAPIS

VEZI PLANUL NOSTRU

Și nu vă faceți griji că veți pierde calitatea imaginilor dvs. – întregul scop al WebP este acela de a putea salva imaginile într-un format care să rămână ambele de înaltă calitate din perspectivă vizuală și, în același timp, să fie salvate într-un format mic. tipul fisierului. Un câștig-câștig.

Așadar, dacă imaginile WebP sunt de dimensiuni mici, oferind totuși o experiență vizuală excelentă pentru utilizatorii dvs., s-ar putea să vă întrebați de ce nu sunt utilizate mai pe scară largă. Există câteva motive cheie pentru aceasta.

1. Utilizabilitate: în prezent, imaginile WebP nu sunt acceptate de majoritatea software-urilor de design grafic, cum ar fi Photoshop sau Illustrator. Oricine lucrează în aceste programe va fi obișnuit să deschidă fișiere de imagini (cu toate descrierile, JPEG, GIF, PNG etc.) și doar să „înceapă” cu editarea după cum este necesar. În plus, atunci când vine vorba de salvarea acelor fișiere, puteți, de obicei, să exportați în oricare dintre formatele obișnuite de imagine. Cu WebP, acest lucru nu este posibil imediat. În schimb, probabil că va trebui să descărcați un plugin din WebPShop pentru a utiliza software-ul dvs. „normal” de editare a imaginilor. Până când imaginile WebP devin la fel de omniprezente ca JPEG-urile și alte formate, va exista întotdeauna o reticență de a „complica” lucrurile și mulți designeri web vor continua să folosească formate de imagine mai tradiționale.
2. Compatibilitate browser : WebP NU este suportat universal de toate browserele. Aceasta înseamnă că, deși majoritatea vizitatorilor dvs. care folosesc browsere actualizate precum Chrome sau Mozilla nu vor avea probleme în vizualizarea acestor imagini, veți avea totuși o minoritate considerabilă care nu va putea vedea imaginile site-ului salvate. ca WebP, care include în special Safari care oferă doar suport parțial în funcție de versiunea utilizată (la momentul scrierii). Veți avea nevoie de o soluție (pe care o vom discuta mai jos) pentru a vă asigura că toți vizitatorii dvs. pot vedea site-ul dvs. așa cum doriți să arate.

Deci, întrebarea trebuie să fie „ar trebui să folosesc WebP?”. Ei bine, cu siguranță se pare că oamenii încep să ia mai multă atenție la ceea ce este un format de fișier incredibil de inovator. Și dacă viteza contează cu adevărat pentru tine și ai resursele pentru a crea un site web folosind imagini WebP, atunci de ce nu ai face-o? Ca și în cazul tuturor noilor tehnologii, uneori poate fi lent până la poarta de start, dar este mai bine să fii în fața curbei decât să faci curse pentru a-ți prinde concurența! Având în vedere acest lucru, haideți să aruncăm o privire la modul în care am folosi imaginile WebP pe un site web WordPress.

Cum să utilizați WebP Images cu WordPress

Oricine s-a scufundat direct și a încercat să încarce fișiere WebP pe site-ul lor WordPress înainte de iulie 2021 ar fi fost puțin dezamăgit. Probabil v-ați aștepta ca orice imagini WebP încărcate prin Media Center să fie salvate în mod normal. În schimb, este posibil să fi văzut un ecran ca acesta:

Din fericire, de la lansarea WordPress 5.8, acum puteți încărca imagini WebP direct în WordPress, ceea ce face ca acest format de imagine grozav să fie la fel de ușor de utilizat ca și formatele JPEG, PNG și GIF. Îmbunătățirile consistente ca aceasta sunt unul dintre motivele pentru care este logic să vă actualizați nucleul WordPress la cea mai recentă versiune. Desigur, dacă utilizați o gazdă WordPress gestionată, cum ar fi Pressidium, atunci ne ocupăm de asta pentru dvs., ajutându-vă să vă asigurați că rulați întotdeauna cea mai recentă și cea mai bună versiune de WordPress.

Înainte de lansarea WordPress 5.8, una dintre cele mai ușoare moduri de a utiliza imaginile WebP era prin instalarea unui plugin care să convertească formatele de imagine acceptate (de exemplu, PNG) în fișiere WebP și apoi să le afișeze pe site-ul dvs. Există câteva avertismente la utilizarea imaginilor WebP (le enumeram mai sus) și utilizarea unui plugin adecvat, cum ar fi Shortpixel, poate elimina aceste dezavantaje, așa că poate fi totuși o soluție care merită luată în considerare. Citiți mai departe pentru a afla mai multe!

Pixeli scurti

Shortpixel este un plugin minunat și unul care merită să vă gândiți dacă alegeți sau nu să utilizați imagini WebP. Shortpixel este un serviciu de optimizare a imaginii bine stabilit. Rulează toate imaginile pe care le încărcați prin serviciul lor excelent de comprimare a imaginii, comprimând adesea dimensiunea imaginii cu 50% sau mai mult, fără pierderi de calitate a imaginii. Face acest lucru automat, ceea ce înseamnă că nu trebuie să vă gândiți la comprimarea imaginilor înainte de a le încărca pe site-ul dvs. web.

Pentru a profita la maximum de Shortpixel, va trebui să plătiți pentru un plan cu ei. Aceștia taxează pe o bază de „imagini optimizate/lună”, cu 5.000 de imagini pe lună, costând doar 3,99 USD/lună. Pentru multe site-uri, acest plan va fi mai mult decât suficient și, având în vedere beneficiile de performanță asociate unui site optimizat, este ieftin la preț.

Shortpixel optimizează o gamă largă de formate de imagine, inclusiv JPEG și PNG. Deci, s-ar putea să vă întrebați, cum mă ajută acest lucru să adaug imagini WebP pe site-ul meu WordPress?

Dacă vă amintiți, nu toate browserele web acceptă formatul WebP cu suport WebP doar parțial în Safari, în funcție de versiunea utilizată (la momentul scrierii), și nici un suport oferit de Internet Explorer. Pur și simplu nu este o opțiune viabilă de a crea un site web care să nu se adreseze acelor vizitatori, chiar dacă cei care folosesc un browser învechit sau neacceptat ar putea fi în minoritate.

De asemenea, s-ar putea să vă amintiți că o mulțime de software de editare a imaginilor nu acceptă nici fișierele WebP direct din cutie. Deci, avem o luptă pe două fronturi... nu numai că trebuie să sărim prin cercuri pentru a crea sau a lucra cu fișiere WebP în primă instanță, dar trebuie să găsim și o modalitate de a) să le adăugăm pe site-ul nostru WordPress și b) crearea unei imagini de rezervă pentru cei care vizitează site-ul nostru folosind un browser non-compatibil WebP.

Shortpixel la salvare

Shortpixel au o abordare atentă a utilizării imaginilor WebP pe site-urile WordPress. Bifând o singură casetă de selectare din pluginul lor, îi puteți spune să creeze versiuni WebP ale oricăror imagini pe care le încărcați. Apoi, puteți spune pluginului Shortpixel să afișeze aceste imagini WebP pe browsere care acceptă WebP.

Dacă browserul vizitatorilor site-ului web nu poate afișa imagini WebP, va fi afișat automat un format alternativ de imagine. Acest lucru vă oferă tot ce este mai bun din toate lumi... viteza care se însoțește de un site web care utilizează imagini de dimensiuni mici datorită WebP pentru browsere care le pot gestiona sau o alternativă bine optimizată pentru cei care nu pot.

WebP este acum un format de imagine adoptat pe scară largă. Indiferent dacă alegeți să utilizați funcția nativă de încărcare disponibilă acum în WordPress sau să le generați printr-un plugin precum ShortPixel, este foarte logic să luați în considerare trecerea imaginilor site-ului dvs. la variante WebP, astfel încât site-ul dvs. să poată profita de dimensiunea redusă a fișierului care ar trebui, la rândul său, se traduce într-un site web cu încărcare mai rapidă.