JPG, PNG, WebP i AVIF služe za različite vrste slika i načine upotrebe. JPG je čest izbor za fotografije, PNG za grafiku kojoj treba providna pozadina, dok WebP i AVIF mogu smanjiti veličinu slika za sajt.
Ne postoji format koji je uvek najbolji. Rezultat zavisi od vrste slike, podešavanja kompresije i programa kojim je čuvate.
Poređenje formata JPG, PNG, WebP i AVIF
| Format | Kompresija | Providna pozadina | Animacija | Najčešća primena |
|---|---|---|---|---|
| JPG/JPEG | Sa gubitkom | Ne | Ne | Fotografije i slike za deljenje |
| PNG | Bez gubitka | Da | Ne u osnovnoj verziji; APNG podržava animaciju | Screenshotovi i grafika sa providnom pozadinom |
| WebP | Sa gubitkom ili bez njega | Da | Da | Fotografije i grafika za sajtove |
| AVIF | Sa gubitkom ili bez njega | Da | Da | Slike za web, uključujući fotografije i sadržaj sa zahtevnijim bojama |
WebP i AVIF podržavaju više načina kompresije, dok se PNG koristi kada je važno sačuvati sve podatke slike. JPG ne čuva providnost, pa providan deo slike može biti zamenjen pozadinom. Podrška za ove formate zavisi i od aplikacije ili uređaja, naročito kod starijih programa.
Koja je razlika između kompresije sa gubitkom i bez njega?
Kompresija sa gubitkom smanjuje fajl tako što odbacuje deo podataka o slici. Kod visokog stepena kompresije mogu se pojaviti zamućenje, blokovi ili gubitak sitnih detalja. JPG koristi ovu vrstu kompresije, a WebP i AVIF mogu da se sačuvaju i sa gubitkom i bez njega.
Kompresija bez gubitka čuva podatke slike tako da ih kasnije možete dobiti u istom obliku. PNG je čest izbor kada su bitni oštri rubovi, tekst ili providna pozadina. Ako JPG pretvorite u PNG, time ne vraćate detalje koji su već izgubljeni prilikom ranije JPG kompresije.
Kada koristiti JPG, PNG, WebP ili AVIF?
JPG za fotografije i široku kompatibilnost
JPG i JPEG su dve uobičajene ekstenzije za isti format. Pogodan je za fotografije koje šaljete mejlom, objavljujete na društvenim mrežama ili otvarate u različitim programima i uređajima. Kompresija može znatno da smanji veličinu fajla, ali ponovnim čuvanjem u JPG formatu može doći do dodatnog gubitka kvaliteta.
PNG za providnost i oštre detalje
PNG je koristan kada slika treba da ima providnu pozadinu ili kada treba sačuvati oštre linije i tekst. Zbog toga se često koristi za screenshotove, ikone i raster grafiku sa transparentnim delovima.
PNG fajl može biti veći od JPG-a kada se koristi za fotografiju. Osnovni PNG format nije animiran, ali postoji APNG ekstenzija koja podržava animaciju.
WebP za slike na sajtu
WebP podržava kompresiju sa gubitkom i bez njega, providnost i animaciju. Može biti dobar izbor za fotografije, ilustracije i druge slike koje se prikazuju na web stranici.
WebP ne daje uvek najmanji fajl za svaku sliku. Veličinu i izgled treba proveriti na konkretnoj fotografiji ili grafici, naročito ako sadrži sitan tekst ili tanke linije.
AVIF za efikasno čuvanje slika na webu
AVIF podržava kompresiju sa gubitkom i bez njega, providnost, animaciju i širi raspon boja, uključujući HDR sadržaj. U nekim slučajevima može da postigne dobar odnos veličine i kvaliteta, ali rezultat zavisi od slike i podešavanja.
AVIF zato nije automatski manji od WebP-a. Ako sajt koristi AVIF, proverite da li vaš sistem za objavljivanje i ciljani uređaji pravilno obrađuju taj format. Za kompatibilnost se mogu ponuditi alternativne verzije slike.
Kada su nastali ovi formati?
JPEG standard objavljen je 1992. godine. PNG je nastao 1994, a W3C ga je usvojio kao preporuku 1996. godine.
Google je predstavio WebP 2010. godine. Specifikacija AVIF-a verzije 1.0 objavljena je 2019. godine.
Test veličine fajla na istoj slici
Za poređenje je ista JPG slika smanjena na 1600 × 1067 piksela, a zatim sačuvana u različitim formatima. JPG, WebP i AVIF podešeni su na kvalitet od 75%, dok PNG nema isti klizač kvaliteta.
| Format | Veličina fajla |
|---|---|
| JPG | 430 KB |
| WebP | 129 KB |
| AVIF | 159 KB |
| PNG | 1.803 KB |
U ovom testu WebP fajl bio je oko 70% manji od JPG-a, a AVIF oko 63% manji. AVIF je bio 30 KB veći od WebP-a, dok je PNG fajl bio oko 4,2 puta veći od JPG verzije.
Ovo je rezultat jedne slike i konkretnih podešavanja, a ne pravilo za sve fotografije. „75% kvaliteta“ u različitim programima ne garantuje jednak vizuelni rezultat, jer formati koriste različite načine kompresije. PNG nema isto podešavanje kvaliteta, a konverzija JPG-a u PNG ne vraća ranije izgubljene detalje.
Kako da promenite format slike online
Za promenu JPG, PNG, WebP ili AVIF slike nije potrebno instalirati program. Možete koristiti i online alate za konvertovanje formata. Izaberete fajl, odredite format u koji želite da ga pretvorite, pokrenete konverziju i preuzmete novu verziju. Pre korišćenja proverite da li su kvalitet i veličina fajla odgovarajući.
Picflow za brzu konverziju slika
Na Picflow Image Converteru izaberite sliku sa uređaja ili je prevucite u prozor, odredite željeni format i preuzmite rezultat. Alat podržava JPG, PNG, WebP i AVIF, može da obrađuje više slika odjednom i ne zahteva registraciju. Picflow navodi da se konverzija obavlja u pregledaču i da se slike ne šalju na njihove servere.
CloudConvert za više podešavanja
CloudConvert Image Converter nudi konverziju između JPG, PNG, WebP i AVIF formata, uz podešavanje rezolucije, kvaliteta i veličine fajla. Izaberite sliku, odredite izlazni format i prilagodite opcije pre pokretanja konverzije. Za razliku od Picflowa, CloudConvert obrađuje fajl na svom servisu; prema svojoj bezbednosnoj politici, čuva ga samo tokom obrade, a zatim ga briše.
Kako dodati WebP i AVIF podršku u Photoshop?
U novijim verzijama Photoshopa dodatni plugin nije potreban za WebP i AVIF. WebP je podržan u Photoshopu 23.2 i novijim verzijama, a AVIF je uveden u verziji 26.8. WebP se može sačuvati preko opcije File > Save a Copy.
Ako koristite stariju verziju Photoshopa na Windowsu, za WebP postoji Googleov WebPShop plugin. Preuzmite odgovarajući .8bi fajl sa Googleove WebPShop stranice ili njenog GitHub izdanja, zatvorite Photoshop i kopirajte fajl u:
C:\Program Files\Common Files\Adobe\Plug-Ins\CC
Zatim ponovo pokrenite Photoshop. WebPShop je označen kao više neodržavan projekat, pa je za aktuelne verzije bolje koristiti ugrađenu podršku Photoshopa.
Za AVIF postoji fajl Av1Image.8bi u nezavisnom GitHub projektu. To nije zvanični Adobeov ili Googleov plugin; projekat je namenjen Windowsu. Ako koristite Photoshop 26.8 ili noviji, AVIF možete otvoriti i sačuvati bez tog dodatka. Na macOS-u WebP plugin dolazi kao .plugin, a ne kao Windows .8bi fajl.
WebP i AVIF u WordPressu
WordPress podržava WebP od verzije 5.8, a AVIF od verzije 6.5. To znači da se slike u ovim formatima mogu koristiti kao i JPG ili PNG, ali klasična obrada na serveru zavisi od podrške za odgovarajući format u biblioteci GD ili Imagick. To možete proveriti u administraciji kroz Alati → Zdravlje sajta → Informacije → Obrada medija.
U WordPressu 7.1 deo obrade slika može da se obavi u pregledaču: kompresija, promena dimenzija, konverzija formata i pravljenje manjih verzija slike. Ta obrada je podrazumevano uključena u podržanim pregledačima; kada nije dostupna, WordPress se vraća na obradu na serveru.
Kada je potrebno dodatno podešavanje
Sama podrška za upload ne znači da će WordPress automatski pretvoriti svaku JPG ili PNG sliku u WebP ili AVIF. Za automatsku promenu izlaznog formata koristi se filter image_editor_output_format, a njegova podrazumevana podešavanja ne pretvaraju JPG u WebP.
Da li WebP ili AVIF poboljšava SEO?
Google navodi podršku za JPEG, PNG, WebP i AVIF. Ako se na sajtu kroz HTML <picture> prikazuje moderni format, može se dodati i rezervna slika u <img> elementu. Manji fajl može pomoći bržem učitavanju stranice, ali sam izbor formata nije garancija boljeg rangiranja.
<picture>
<source type="image/avif" srcset="slika.avif">
<source type="image/webp" srcset="slika.webp">
<img src="slika.jpg" alt="Opis slike">
</picture>