Pretvaranje PNG u WebP
PNG je format u kojem dizajneri izvoze, a WebP je format koji bi web-stranice trebale posluživati. Pretvaranje smanjuje veličinu datoteke za dvije trećine ili više, a prozirnost ostaje netaknuta, i svaki današnji preglednik može prikazati rezultat. Pretvaranje se odvija na vašem uređaju, pa se ništa ne prenosi.
Povucite datoteke ovamo ili kliknite za odabir
Rezultati
Kako pretvoriti PNG u WebP
- Ispustite jednu ili više PNG slika u alat ispod.
- Izlazni format već je postavljen na WebP. Po želji prilagodite kvalitetu.
- Kliknite Pokreni za pretvaranje.
- Preuzmite svaku WebP datoteku ili sve odjednom kao ZIP.
Zašto su PNG datoteke tako velike
PNG je format bez gubitaka. Svaki piksel sprema se točno, i to ga čini savršenim za logotipe, snimke zaslona i grafike sučelja, ali je i razlog zašto fotografija u PNG-u može biti 10 do 20 puta veća od iste slike u JPG-u. Dizajnerski alati prema zadanim postavkama izvoze PNG jer je siguran, a ne zato što je učinkovit. Posljedica je da mnoge web stranice poslužuju PNG datoteke od nekoliko megabajta za slike koje bi mogle imati nekoliko stotina kilobajta.
Što WebP radi drukčije
WebP je razvio Google posebno za web. Ima dva načina rada. WebP s gubicima koristi predviđanje i transformacijsko kodiranje slično sažimanju videa i obično daje datoteke 25 do 35 % manje od JPG-a iste vizualne kvalitete, a daleko manje od PNG-a. WebP bez gubitaka sprema piksele točno kao PNG, ali s pametnijim načinom sažimanja, obično 20 do 30 % manje od optimiziranog PNG-a. Oba načina podržavaju prozirnost, i to je glavni razlog zašto je pretvaranje PNG-a u WebP tako uobičajeno: to je prvi široko podržan format koji vam omogućuje da zadržite alfa kanal bez plaćanja cijene u veličini kakvu traži PNG.
Odabir postavke kvalitete
| Izvorni PNG sadrži | Predložena WebP kvaliteta | Rezultat |
|---|---|---|
| Logotip, ikonu, ravnu ilustraciju | 90 do 100 | Oštri rubovi ostaju, i dalje 50 %+ manje od PNG-a |
| Snimku zaslona s tekstom | 85 do 95 | Tekst ostaje čitljiv, obično 60 do 70 % manje |
| Fotografiju ili renderiranu 3D sliku | 75 do 85 | Vizualno jednako pri uobičajenoj veličini, 80 do 90 % manje |
| Izrezani proizvod s prozirnošću | 85 do 90 | Rubovi ostaju čisti, alfa kanal je sačuvan |
Gdje koristiti WebP
Poslužujte WebP svugdje gdje je preglednik ono što prikazuje sliku: na svojoj web stranici, u web aplikaciji, u predlošcima e-pošte za moderne programe i na CDN-ovima za slike. WordPress, Shopify, Webflow, Squarespace i Wix danas prihvaćaju prijenos WebP datoteka. Ako istodobno morate podržati i stariji preglednik slika, standardni pristup je HTML element <picture> s WebP izvorom na prvom mjestu i PNG ili JPG zamjenom.
Nemojte pretvarati u WebP za predaju u tisak, za arhiviranje glavnih verzija grafika ni za slanje klijentu koji će datoteku otvoriti u starijoj verziji Photoshopa ili Illustratora. Zadržite glavni PNG, a WebP smatrajte formatom za isporuku.
Skupno pretvaranje
Cijelu mapu izvezenih PNG datoteka možete ispustiti odjednom. Svaka se pretvara s istom postavkom kvalitete, a rezultati se preuzimaju kao jedan ZIP s izvornim nazivima datoteka i nastavkom .webp, pa je njihova zamjena u projektu samo pitanje traženja i zamjene nastavka.
Česta pitanja
Zadržava li WebP prozirnu pozadinu mojeg PNG-a?
Da. WebP podržava potpuni 8-bitni alfa kanal, pa meki rubovi, sjene i poluprozirna područja ostaju točno kakvi su bili u PNG-u.
Trebam li koristiti WebP bez gubitaka ili s gubicima?
Za logotipe, ikone i snimke zaslona s oštrim tekstom upotrijebite visoku postavku kvalitete kako bi rezultat ostao oštar. Za fotografije izvezene kao PNG kvaliteta od 80 do 85 daje golemu uštedu bez vidljivog gubitka.
Koji preglednici i aplikacije otvaraju WebP?
Chrome, Edge, Firefox, Safari (od verzije 14) i svi današnji mobilni preglednici prikazuju WebP. Otvaraju ga i aplikacija Fotografije u sustavu Windows i Preview u macOS-u. Neki stariji programi za računala i klijenti e-pošte ne otvaraju ga, pa za njih zadržite PNG ili JPG.
Zašto je moj WebP ponekad veći od PNG-a?
Sićušne slike s vrlo malo boja, poput ikone od 32 piksela, već kao PNG mogu biti blizu najmanje moguće veličine. WebP dolazi do izražaja kod svega većeg od nekoliko stotina piksela.
Vaše datoteke nikada ne napuštaju vaš uređaj
Svaki alat na Squishly Tools 100 % je besplatan i radi u potpunosti unutar vašeg preglednika. Vaše slike i dokumenti obrađuju se na vašem računalu i nikada se ne učitavaju na poslužitelj. Nema računa, nema vodenih žigova i nema skrivenih uvjeta.