Den uppmätta skillnaden
Google, som utvecklade formatet, publicerar siffrorna: förlustfria WebP-bilder är 26 % mindre än PNG-bilder, och WebP-bilder med kvalitetsförlust är 25 till 34 % mindre än jämförbara JPEG-bilder vid likvärdig kvalitet. Det är medelvärden över en testmängd, inte ett löfte om just din fil, men de sätter förväntningen rätt.
Sida vid sida
| Egenskap | PNG | WebP |
|---|---|---|
| Komprimeringslägen | Endast förlustfritt | Förlustfritt och med kvalitetsförlust |
| Typisk förlustfri storlek | Utgångspunkt | Ungefär 26 % mindre |
| Transparens | Ja | Ja, i båda lägena |
| Kostnad för transparens | Ingår | Ungefär 22 % extra byte i förlustfritt läge |
| Animation | APNG, ojämnt stöd | Ja, brett stöd |
| Öppnas i aktuella webbläsare | Överallt | Överallt |
| Öppnas i gammal programvara | Överallt | Ibland inte |
Siffrorna för storlek och transparens kommer från Googles dokumentation om WebP, som också anger att WebP med kvalitetsförlust och transparens vanligtvis är tre gånger mindre än motsvarande PNG.
Där WebP vinner
- Bilder på en sida du äger Varje aktuell webbläsare visar WebP. En fjärdedel mindre bildvikt är en verklig hastighetsvinst på mobila uppkopplingar.
- Genomskinlig grafik med fotografiskt innehåll En logotyp över en fotografisk bakgrund är där WebP med kvalitetsförlust och alfa drar ifrån PNG allra mest.
- Stora skärmbilder och bilder av gränssnitt Plana färger och skarp text komprimeras väl i förlustfri WebP, så du behåller exakta pixlar och minskar filstorleken.
- Överallt där bandbredden är begränsningen Nyhetsbrev via e-post, dokumentationssajter och bildtunga kataloger.
Där PNG fortfarande är rätt
Behåll PNG-filen som original. Konvertera en leveranskopia. Den enda regeln täcker de flesta av fallen nedan.
- Filer du ska redigera igen Att konvertera fram och tillbaka genom ett format med kvalitetsförlust försämrar bilden lite varje gång. Ett förlustfritt original undviker problemet helt.
- Tryck- och designflöden Många layout- och prepressprogram förväntar sig fortfarande PNG eller TIFF. Att ge ett tryckeri en WebP leder ofta till ett mejl du inte vill ha.
- Allt som ett äldre system kan öppna Äldre interna verktyg, gamla dokumentläsare och vissa uppladdningsformulär avvisar WebP rakt av.
- Filer du skickar till andra En kollega på en äldre dator kanske inte kan dubbelklicka på den. Det är hela anledningen till att en konverterare från WebP till PNG används.
Förlustfri WebP eller WebP med kvalitetsförlust
WebP är två format som bär samma filändelse. Förlustfritt läge behåller varje pixel exakt. Läget med kvalitetsförlust kastar bort detaljer som kodaren bedömer att du inte märker, och filen blir mycket mindre.
Välj förlustfritt för logotyper, diagram, skärmbilder och allt med hårda kanter eller text. Välj kvalitetsförlust för fotografier och för bakgrunder där ingen kommer att zooma in. Text med en inställning som ger kvalitetsförlust får mjuka halo-effekter runt bokstäverna, vilket är den artefakt folk märker först.
Vaultaires konverterare erbjuder båda. I förlustfritt läge läser den tillbaka den nya filen och blockerar nedladdningen om inte utdata verkligen är en förlustfri VP8L-bild vars pixlar stämmer. Alfavärdena måste stämma exakt, med en tolerans på högst 2 per förmultiplicerad 8-bitarskanal för delvis genomskinlig färg, eftersom webbläsarnas inbyggda kodare avrundar de värdena.
Vad konverteringen gör med metadata
Att konvertera är också ett sätt att ta bort det som är inbäddat i filen. Konverteraren kopierar inte EXIF-, ICC-, text-, tids- eller C2PA-poster från källan till den nya WebP-filen, och skannar sedan den färdiga filen med en oberoende tolk och håller nedladdningen låst om någon post dyker upp.
Det spelar roll när PNG-filen kom från en skärmbild i telefonen, en kameraexport eller en bildgenerator. Vill du se vad som är inbäddat innan du bestämmer dig listar metadatagranskaren det. Allt körs i webbläsarens worker, och filen laddas aldrig upp.
Praktiska gränser för konverteraren: en stillbild i PNG, upp till 20 MB, 4,096 pixlar på varje sida och 16,000,000 pixlar totalt. Animerad PNG avvisas före avkodning i stället för att i tysthet exporteras som sin första bildruta.
Vanliga frågor om PNG och WebP
Är WebP bättre än PNG?
För bilder som visas på webben, oftast. Google mäter förlustfri WebP som 26 % mindre än PNG. PNG är fortfarande bättre när ett verktyg, ett tryckeri eller en kollega behöver det format som har haft allmänt stöd i decennier.
Stöder WebP transparens?
Ja, i båda lägena. Google anger alfa i förlustfri WebP till ungefär 22 % extra byte, och säger att WebP med kvalitetsförlust och transparens vanligtvis är tre gånger mindre än motsvarande PNG.
Förlorar bilden kvalitet när PNG konverteras till WebP?
Inte i förlustfritt läge, som behåller varje pixel. Läget med kvalitetsförlust ändrar pixlar med avsikt. Konverteraren läser tillbaka den färdiga filen och blockerar nedladdningen om inte en förlustfri konvertering gav en verklig förlustfri VP8L-bild.
När ska jag behålla PNG?
För original du ska redigera igen, för tryck- och designprogram som förväntar sig det, för allt som ett äldre system måste kunna öppna och för arkiverade skärmbilder. Konvertera en leveranskopia i stället för att ersätta originalet.
Är WebP dåligt för SEO?
Nej. Mindre bilder laddas snabbare och sidhastighet påverkar rankningen. Leverera ett format som besökarens webbläsare accepterar och behåll din alt-text och filnamngivning som de var.
Kan jag konvertera tillbaka till PNG senare?
Ja, och PNG-kodningen är förlustfri från de renderade pixlarna. Den kan inte ångra en tidigare omgång med kvalitetsförlust, så en WebP med kvalitetsförlust som konverteras tillbaka till PNG är en stor fil med redan försämrade pixlar.