Vodič za format

PNG ili WebP: koji format odabrati

Koristite WebP za slike koje će preglednik prikazati. Zadržite PNG za glavne datoteke i za sve što se mora otvoriti svugdje. Zanimljiv dio je koliko WebP zapravo postaje manji i čega se odričete zbog toga.

Izmjerena razlika

Google, koji je razvio format, objavljuje brojke: WebP slike bez gubitaka su 26 % manje od PNG-ova, a WebP slike s gubicima su 25 do 34 % manje od usporedivih JPEG-ova pri ekvivalentnoj kvaliteti. To su prosjeci na testnom skupu, a ne obećanje o vašoj specifičnoj datoteci, ali ispravno postavljaju očekivanja.

Usporedno

Usporedba PNG-a i WebP-a
Svojstvo PNG WebP
Načini kompresije Samo bez gubitaka Bez gubitaka i s gubicima
Tipična veličina bez gubitaka Osnovica Oko 26 % manje
Prozirnost Da Da, u oba načina
Cijena transparentnosti Uključeno Oko 22 % dodatnih bajtova u načinu bez gubitaka
Animacija APNG, djelomična podrška Da, široko podržano
Otvara se u aktualnim preglednicima Svugdje Svugdje
Otvara se u starom softveru Svugdje Ponekad ne

Podaci o veličini i transparentnosti dolaze iz Googleove WebP dokumentacije, koja također navodi da je WebP s gubicima i transparentnošću obično tri puta manji od ekvivalentnog PNG-a.

Gdje WebP pobjeđuje

  • Slike na vašoj web stranici Svaki aktualni preglednik prikazuje WebP. Smanjiti veličinu slike za četvrtinu predstavlja stvarni dobitak na brzini pri mobilnim vezama.
  • Transparentne grafike s fotografskim sadržajem Logotip preko fotografske pozadine je situacija u kojoj WebP s gubicima i alfa kanalom najviše prednjači u odnosu na PNG.
  • Velike snimke zaslona i prikazi korisničkog sučelja Ravne boje i oštar tekst dobro se komprimiraju u WebP formatu bez gubitaka, tako da zadržavate točne piksele i gubite na veličini.
  • Svugdje gdje je propusnost ograničenje Bilteni e-pošte, stranice s dokumentacijom i katalozi s puno slika.

Gdje je PNG i dalje pravi izbor

Zadržite PNG kao glavnu kopiju. Pretvorite kopiju za isporuku. To jedno pravilo pokriva većinu slučajeva u nastavku.

  1. Datoteke koje ćete ponovno uređivati Višestruko spremanje kroz format s gubicima svaki put pomalo degradira sliku. Glavna kopija bez gubitaka u potpunosti izbjegava taj problem.
  2. Radni procesi za ispis i dizajn Mnogi softveri za prijelom i pripremu za tisak i dalje očekuju PNG ili TIFF. Slanje WebP datoteke tiskari rezultirat će e-porukom koju ne želite primiti.
  3. Sve što otvara stari sustav Zastarjeli interni alati, stariji preglednici dokumenata i neki obrasci za prijenos izričito odbijaju WebP.
  4. Datoteke koje šaljete drugim ljudima Kolega na starijem računalu možda je neće moći otvoriti dvostrukim klikom. To je glavni razlog zašto se koristi pretvarač WebP u PNG.

WebP bez gubitaka ili s gubicima

WebP su dva formata pod istim datotečnim nastavkom. Način rada bez gubitaka točno zadržava svaki piksel. Način rada s gubicima odbacuje detalje za koje koder procijeni da ih nećete primijetiti, i datoteka postaje znatno manja.

Odaberite format bez gubitaka za logotipe, dijagrame, snimke zaslona i sve s oštrim rubovima ili tekstom. Odaberite format s gubicima za fotografije i pozadine koje nitko neće zumirati. Tekst u postavkama s gubicima dobiva meke aureole oko slova, što je artefakt koji ljudi prvi primijete.

Vaultaire pretvarač nudi oboje. U načinu rada bez gubitaka ponovno učitava novu datoteku i blokira preuzimanje osim ako izlaz doista nije VP8L slika bez gubitaka čiji se pikseli podudaraju. Alfa vrijednosti moraju se točno podudarati, uz toleranciju od najviše 2 po premultipliciranom 8-bitnom kanalu za djelomično transparentnu boju, jer izvorni koderi preglednika zaokružuju te vrijednosti.

Što pretvorba čini metapodacima

Pretvorba je također način za uklanjanje onoga što je priloženo datoteci. Pretvarač ne kopira izvorne EXIF, ICC, tekstualne, vremenske ili C2PA zapise u novi WebP, zatim skenira gotovu datoteku neovisnim parserom i drži preuzimanje zaključanim ako se pojavi bilo kakav zapis.

To je važno kada PNG potječe od snimke zaslona telefona, izvoza s fotoaparata ili generatora slika. Ako želite vidjeti što je priloženo prije donošenja odluke, inspektor metapodataka će to ispisati. Sve se izvodi u radniku preglednika (browser worker) i datoteka se nikada ne prenosi na poslužitelj.

Praktična ograničenja pretvarača: jedan statični PNG, do 20 MB, 4,096 piksela na bilo kojoj strani i ukupno 16,000,000 piksela. Animirani PNG se odbija prije dekodiranja umjesto da se tiho izveze kao njegov prvi kadar.

Česta pitanja o PNG i WebP formatima

Je li WebP bolji od PNG-a?

Za slike prikazane na webu, obično da. Google mjeri da je WebP bez gubitaka 26% manji od PNG-a. PNG je i dalje bolji kada alat, pisač ili kolega treba format koji svi podržavaju već desetljećima.

Podržava li WebP transparentnost?

Da, u oba načina rada. Google procjenjuje da alfa kanal u WebP formatu bez gubitaka dodaje oko 22% dodatnih bajtova te navodi da je WebP s gubicima i transparentnošću obično tri puta manji od ekvivalentnog PNG-a.

Gubi li se kvaliteta pretvaranjem PNG-a u WebP?

Ne u načinu rada bez gubitaka, koji zadržava svaki piksel. Način rada s gubicima namjerno mijenja piksele. Pretvarač ponovno učitava gotovu datoteku i blokira preuzimanje osim ako pretvorba bez gubitaka nije proizvela stvarnu VP8L sliku bez gubitaka.

Kada trebam zadržati PNG?

Za glavne kopije koje ćete ponovno uređivati, za softver za ispis i dizajn koji to očekuje, za sve što stariji sustav mora otvoriti i za arhivirane snimke zaslona. Pretvorite kopiju za isporuku umjesto da zamijenite original.

Je li WebP loš za SEO?

Ne. Manje slike se učitavaju brže, a brzina stranice utječe na rangiranje. Poslužite format koji preglednik posjetitelja prihvaća i zadržite alt tekst i nazive datoteka kakvi su bili.

Mogu li kasnije pretvoriti natrag u PNG?

Da, a PNG kodiranje je bez gubitaka iz renderiranih piksela. Ne može poništiti raniji prolaz s gubicima, pa je WebP s gubicima pretvoren natrag u PNG velika datoteka koja sadrži već degradirane piksele.