WebP je moderan format slike koji donosi naprednu lossy i lossless kompresiju, posebno optimizovanu za upotrebu na internetu. Zahvaljujući ovom formatu, fajlovi slika mogu biti znatno manji, što ubrzava učitavanje stranica i time poboljšava performanse celog sajta.
Jedna od najvećih prednosti WebP formata je upravo njegova efikasnost kompresije. WebP lossless slike su u proseku 26% manje u poređenju sa PNG fajlovima, bez gubitka kvaliteta, dok su WebP lossy slike 25-34% manje u poređenju sa JPEG slikama pri istom nivou kvaliteta.
Manje slike znače brže učitavanje sajta, bolji SEO rezultat i manje opterećenje servera. Upravo zato WebP postaje standard koji sve više zamenjuje tradicionalne formate poput PNG i JPEG na modernim sajtovima.
WebP Express dodatak za WordPress
Ukoliko želite da slike na vašem WordPress sajtu budu u WebP formatu, jedna od najpopularnijih metoda konverzije u WebP format je WebP Express dodatak za WordPress.
WebP Express dodatak se instalira na uobičajen način kroz WordPress Plugins opciju. Nakon što se instalira i aktivira, da bi ispravno funkcionisao, potrebno je otvoriti podešavanja dodatka i kliknuti na „Save Changes“. To će omogućiti da dodatak počne sa konverzijom slika koje su trenutno u direktorijumu aplikacije sajta, ali i za sve naredne uploadovane slike.
Treba imati u vidu da, kada se PNG slika konvertuje u WebP, često izgleda kao da ima više providnosti nego original. To se dešava zato što PNG i WebP različito tumače poluprovidne piksele. Mnoge PNG slike su sačuvane tako da su boje već “pomešane” sa providnošću, dok WebP očekuje da boja i providnost budu odvojeni. Ako se ta razlika ne ispravi tokom konverzije, providnost se praktično primeni dva puta, pa ivice, senke i blagi prelazi postanu isprani ili previše providni. Ovaj problem nije u samom alatu koji konvertuje slike, već u razlici između formata i načinu na koji je originalna PNG slika pripremljena.
Konfiguracija WebP Express konverzije
Na stranici sa podešavanjima za WebP Express se vidi lista metoda za konverziju slika u WebP format. Podrazumevano, WebP Express koristi metode redom, odozgo nadole – ukoliko jedna metoda ne radi, dodatak će pokušati sledeću sa liste. Zbog brzine konverzije, preporuka je da se odabrana metoda stavi na vrh, a ispod nje druge metode koje su omogućene.
U našim hosting paketima podrazumevano su podržane sledeće metode: GD, Imagick (PHP ekstenzija), ImageMagick, GraphicsMagick.
Što se tiče same konverzije, koja god metoda da se koristi, pored standardnih, na raspolaganju su i sledeće opcije za dodatnu konfiguraciju: JPEG options, PNG options, Metadata. U prve dve kategorije, postoje parametri koji kontrolišu konverziju u WebP:
- WebP encoding – odabir lossy ili automatske kompresije. Ukoliko je podešeno na „Auto“, dodatak sam odlučuje da li će koristiti lossy ili lossless kompresiju, na primer ako su ulazne slike JPEG, u većini slučajeva će se korsiti lossy konverzija.
- Quality for lossy – određuje kvalitet kompresije ukoliko se u „WebP encoding“ odabere lossy format. Što je broj veći, to je veći kvalitet konvertovane slike, ali i veličina fajla.
- Limit – u ovom polju se podešava prag veličine za konverziju, na primer ako je limit 80, to znači da će WebP verzija slike morati da bude jednaka ili manja od 80% veličine originalne slike.
- Fallback – određuje kvalitet slike ako browser ne podržava WebP. Danas, svi glavni browseri podrazumevano imaju podršku za WebP.
- Quality for lossless – ova opcija se koristi samo ukoliko se korsite Cwebp i Vips metode konverzije i vrši „preprocessing“ slike tako da poboljša kompatibilnost pre same konverzije. Ukoliko korsitite neku od metoda konverzije koje su standardno podržane u našim hosting paketima, ovu opciju možete ignorisati.
- Alpha quality – ova opcija je specifična za PNG slike i određuje nivo i kvalitet transparentnosti, ali samo ukoliko se koristi lossy konverzija.
Metadata – u ovom polju se može podesiti da se pri konverziji uklanjaju meta podaci sa slika, poput EXIF i GPS informacija, što je korisno sa aspekta privatnosti, ali može i dodatno poboljšati brzinu sajta, ukoliko sajt ima puno slika.
Najbolje podešavanje ovih parametara zavisi od vašeg web sajta i načina na koji se slike na njemu koriste. Primera radi, ukoliko imate blog, brzina i SEO su vam važniji od slika, pa kvalitet slika možete podesiti na oko 70-80. Sa druge strane, ukoliko na primer imate sajt koji je fotografski portfolio i slike su bitan faktor, trebalo bi da kvalitet podesite na 90 ili više (ili čak lossless), dok za internet prodavnicu, gde postoji puno slika, ali gde nije bitan svaki piksel, treba podesiti neku srednju vrednost, 75-85.
Takođe, format originalne slike je bitan faktor. JPEG format dobro podnosi kompresiju pri konverziji, pa se kvalitet može podesiti na 75-80, dok je u slučaju PNG slika najbolje podesiti lossless konverziju.
Na slici ispod su prikazana preporučena podešavanja ovih parametara za najbolji odnos kvaliteta i veličine konvertovane slike za većinu sajtova:
Poređenje metoda konverzije
Što se tiče brzine, razlika između metoda je premala da bi bila bitna, s obzirom na to da slike obično treba konvertovati samo jednom. U svakom slučaju, GD je najbrži, pa Imagick (kao PHP ekstenzija), a zatim ImageMagick i GraphicsMagic metode. Razlika između najbrže i najsporije od ovih metoda nije veća od oko 20%, što se u realnosti meri u deliću sekunde.
Kada je reč o samom kvalitetu konvertovane verzije slike, razlike su minimalne, ali sa jednim bitnim faktorom, koji može da vam bude od značaja. U pitanju je providnost pojedinih elemenata slike. GraphicsMagick konzistentno koristi “straight alpha” opciju tokom konverzije, bez agresivne obrade ivica, za razliku od ImageMagick-a i PHP imagick ekstenzije koji često primenjuju „premultiplied alpha“ pri konverzijama, što konvertovane slike čini „bledim“ i više providnim, jer je alpha kanal u tim slučajevima praktično primenjen dva puta. Ovaj način konverzije utiče na to da WebP verzije slika koje su konvertovane preko GraphicsMagick metode budu mnogo bliže originalnim verzijama. Takođe, prema našem iskustvu, GraphicsMagick nudi najbolji odnos veličine i kvaliteta slike od metoda koje su podrazumevano omogućene na našim serverima.
WebP svakako predstavlja dugoročno rešenje za optimizaciju slika na sajtovima, sa minimalnim, često zanemarljivim kompromisom po pitanju kvaliteta. Pravilnim podešavanjem konverzije i izborom odgovarajuće metode možete postići zlatnu sredinu između brzine učitavanja i kvaliteta slika na sajtu.
