Pretvorba slika u WebP

Želite ubrzati web stranicu ili online prodavnicu manjim slikama? Pretvorite JPG i PNG u WebP. Konverter prije pretvaranja procijeni koliko ćete uštedjeti u odnosu na JPG i pripremi HTML kod s rezervnim formatom za starije pretraživače. Sve se odvija u vašem pregledniku, slike se nikamo ne šalju.

Kako pretvoriti sliku u WebP

1. Učitajte slike. Prevucite ih u prozor ili kliknite na „Pretražite datoteke“. Konverter prihvata JPG, PNG, BMP i statični GIF, desetine fajlova odjednom.
2. Postavite kvalitet. Zadani kvalitet 80 odgovara većini web stranica. Za portfolio izaberite od 85 do 90, za preglede 70.
3. Pretvorite i preuzmite. Dugme „Pretvori“ obradi cijelu grupu, gotov WebP preuzimate pojedinačno ili kao ZIP.

Ko želi u detalje, ispod pregleda otvori „Tehnički detalji: lupa, procjena uštede, HTML kod“.

Zašto pretvarati slike u WebP

WebP je format od Googlea napravljen za web. Prema studiji Googlea (na engleskom) gubitni WebP fajlovi su pri istom kvalitetu od 25 do 34 % manji od JPEG-a, a bezgubitni oko 26 % manji od PNG-a. Manje slike znače brže učitavanje stranice, bolje rezultate u Core Web Vitals i manju potrošnju podataka na mobitelu.

Za razliku od JPG-a, WebP umije i providnost, pa zamijeni i PNG s providnom pozadinom. Danas ga podržavaju svi uobičajeni pretraživači (na engleskom), uključujući Safari od verzije 14.

Šta konverter za WebP radi dodatno

Procjena uštede prije konverzije

U tehničkim detaljima nalazi se „Procjena iz uzorka“: konverter zakodira umanjeni uzorak izabrane slike i izračuna koliko će biti velik WebP pri izabranoj postavci, koliko bi bio velik JPEG pri istom kvalitetu i koliko procenata uštedite. Odmah tako vidite isplati li se konverzija.

HTML kod s rezervnom opcijom

Konverter pripremi gotov kod za element <picture>: pretraživači s podrškom za WebP učitaju novi fajl, ostali dobiju originalni JPG ili PNG. Kod sadrži i dimenzije slike i lijeno učitavanje, dovoljno ga je kopirati u šablon. Kako <picture> funkcioniše, opisuje MDN (na engleskom).

Lupa pri uvećanju od 100 %

Klikom u pregled pomjerite lupu na proizvoljno mjesto i uporedite original s rezultatom piksel po piksel. Artefakti gubitne kompresije se najprije pokažu na tekstu, ivicama i finim prelazima, tu se isplati pogledati.

Providnost ostaje sačuvana

PNG s providnom pozadinom pretvorite u WebP bez gubitka alfa kanala. Ako ciljna aplikacija providnost ne podržava, uključite „Spljošti providnost na boju“.

Zaštita od lošeg rezultata

Animirani GIF konverter odbije, jer bi od njega tiho ostao samo prvi kadar. Kad pretvoreni fajl ispadne veći od originala, što se dešava kod već dobro komprimovanih slika, tabela to označi i jednim klikom zadržite original.

Smanjenje, preimenovanje, bez metapodataka

U „Naprednim opcijama“ slike smanjite na dužu stranicu u pikselima ili na procente i grupno preimenujete pomoću {name}, {width}, {height} i {index}. Konverzija uklanja EXIF, ICC i GPS, pa fotografije ne otkrivaju lokaciju. Ako slike trebate smanjiti na tačne dimenzije ili ispod limita u kB, koristite smanjenje slika.

Koji kvalitet WebP odabrati

Namjena	Kvalitet	Napomena
Portfolio, fotografije proizvoda	od 85 do 90	Detalji bez gubitka, i dalje manji od JPG-a
Uobičajen web i blog	od 75 do 80	Najbolji omjer kvaliteta i veličine
Pregledi, galerije	od 65 do 70	Mali fajlovi, sitni artefakti

Kada WebP, a kada drugi format

• Fotografije i grafika na webu: WebP, s rezervnom opcijom u <picture> za svaki slučaj.
• Slike za e-poštu, institucije ili starije programe: radije JPG, otvori ga zaista sve.
• Podloge za dalju obradu i štampu: PNG, bez ikakvog gubitka.

Dimenzije slika na webu prije konverzije brzo provjerite u analizi dimenzija slika.

Često postavljana pitanja

Kako pretvoriti JPG u WebP?

Učitajte JPG fajlove, ostavite kvalitet 80 ili ga prilagodite i kliknite na „Pretvori“. WebP je pri istoj vizuelnoj kvaliteti obično manji za četvrtinu do trećinu. Koliko ćete uštedjeti kod konkretne fotografije, pokaže procjena u tehničkim detaljima.

Kako pretvoriti PNG u WebP i zadržati providnost?

Dovoljno je PNG učitati i pretvoriti, providnost ostane sačuvana automatski. Ako je naprotiv ne želite, uključite „Spljošti providnost na boju“.

Podržavaju li WebP svi pretraživači?

Da, svi savremeni pretraživači, uključujući Safari od verzije 14. Za stariju opremu koristite HTML kod s elementom <picture>, koji konverter pripremi: stariji pretraživač tada učita originalni JPG ili PNG.

Je li WebP bolji od JPG-a?

Za web da: pri istom kvalitetu je manji i umije providnost. JPG ipak i dalje otvori više programa, štampača i institucija. Za web koristite WebP, za dijeljenje i štampu JPG.

Zašto je konverter odbio moj GIF?

Animirani GIF bi se pri konverziji tiho pretvorio u jedan statičan kadar. Da vas rezultat ne bi iznenadio, konverter ga odbije. Statične GIF-ove pretvori bez problema.

Šalju li se moje slike na server?

Ne. Konverzija se odvija direktno u vašem pregledniku i fajlovi se nikamo ne šalju.