Formatguide

PNG eller WebP: hvad skal du vælge

Brug WebP til billeder, som en browser skal vise. Behold PNG til masterfiler og til alt, der skal kunne åbnes overalt. Det interessante er, hvor meget mindre WebP faktisk bliver, og hvad du giver afkald på for det.

Den målte forskel

Google, som udviklede formatet, offentliggør tallene: tabsfrie WebP-billeder er 26 % mindre end PNG'er, og WebP-billeder med tab er 25 til 34 % mindre end sammenlignelige JPEG'er ved tilsvarende kvalitet. Det er gennemsnit over et testsæt, ikke et løfte om din specifikke fil, men de sætter forventningen korrekt.

Side om side

Sammenligning af PNG og WebP
Egenskab PNG WebP
Komprimeringstilstande Kun tabsfri Tabsfri og med tab
Typisk tabsfri størrelse Udgangspunkt Omkring 26 % mindre
Gennemsigtighed Ja Ja, i begge tilstande
Omkostning ved gennemsigtighed Inkluderet Omkring 22 % ekstra bytes i tabsfri tilstand
Animation APNG, svingende understøttelse Ja, bredt understøttet
Åbner i nuværende browsere Overalt Overalt
Åbner i ældre software Overalt Nogle gange ikke

Størrelses- og gennemsigtighedstal stammer fra Googles WebP-dokumentation, som også angiver, at WebP med tab og gennemsigtighed typisk er tre gange mindre end den tilsvarende PNG.

Hvor WebP vinder

  • Billeder på en side, du ejer Alle nuværende browsere viser WebP. En fjerdedel skåret af din billedvægt er en reel hastighedsgevinst på mobile forbindelser.
  • Gennemsigtig grafik med fotografisk indhold Et logo over en fotografisk baggrund er der, hvor WebP med tab og alfa trækker længst fra PNG.
  • Store skærmbilleder og UI-optagelser Flade farver og skarp tekst komprimeres godt i tabsfrit WebP, så du beholder de nøjagtige pixels og slipper for den store filstørrelse.
  • Alle steder, hvor båndbredde er begrænsningen E-mail-nyhedsbreve, dokumentationssider og billedtunge kataloger.

Hvor PNG stadig er det rigtige valg

Behold PNG-filen som masterkopi. Konverter en leveringskopi. Den ene regel dækker de fleste af tilfældene nedenfor.

  1. Filer, du vil redigere igen At gemme frem og tilbage i et format med tab forringer et billede en smule hver gang. En tabsfri master undgår problemet fuldstændigt.
  2. Print- og design-workflows Masser af layout- og prepress-software forventer stadig PNG eller TIFF. At aflevere en WebP til et trykkeri inviterer til en e-mail, du ikke ønsker.
  3. Alt, hvad et ældre system åbner Ældre interne værktøjer, ældre dokumentfremvisere og visse uploadformularer afviser WebP blankt.
  4. Filer, du sender til andre En kollega på en ældre maskine kan muligvis ikke dobbeltklikke på den. Det er hele grunden til, at en webp til png-konverter bliver brugt.

Tabsfrit WebP eller WebP med tab

WebP er to formater under ét filtypenavn. Lossless-tilstand bevarer hver eneste pixel nøjagtigt. Lossy-tilstand kasserer detaljer, som indkoderen vurderer, du ikke vil bemærke, og filen bliver meget mindre.

Vælg tabsfrit til logoer, diagrammer, skærmbilleder og alt med hårde kanter eller tekst. Vælg med tab til fotografier og til baggrunde, hvor ingen vil zoome ind. Tekst med en indstilling med tab får bløde glorier omkring bogstaverne, hvilket er den artefakt, folk bemærker først.

Vaultaire-konverteren tilbyder begge dele. I tabsfri tilstand læser den den nye fil tilbage og blokerer overførslen, medmindre outputtet virkelig er et tabsfrit VP8L-billede, hvis pixels matcher. Alfa-værdier skal matche nøjagtigt med en tolerance på højst 2 pr. præmultipliceret 8-bit kanal for delvist gennemsigtig farve, fordi indbyggede browserindkodere afrunder disse værdier.

Hvad konvertering gør ved metadata

Konvertering er også en måde at fjerne det, der er vedhæftet filen. Konverteren kopierer ikke kilde-EXIF, ICC, tekst, tid eller C2PA-poster til den nye WebP, og scanner derefter den færdige fil med en uafhængig parser og holder overførslen låst, hvis der dukker nogen poster op.

Det har betydning, når PNG-filen stammer fra et skærmbillede på en telefon, en kameraeksport eller en billedgenerator. Hvis du vil se, hvad der er vedhæftet, før du beslutter dig, viser metadata-inspektøren det. Alt kører i browserens worker, og filen bliver aldrig uploadet.

Praktiske grænser for konverteren: én stillbillede-PNG, op til 20 MB, 4,096 pixels på hver side og 16,000,000 pixels i alt. Animeret PNG afvises før afkodning i stedet for i stilhed at blive eksporteret som sin første frame.

Ofte stillede spørgsmål om PNG og WebP

Er WebP bedre end PNG?

For billeder, der vises på nettet, som regel. Google måler tabsfrit WebP til at være 26% mindre end PNG. PNG er stadig bedre, når et værktøj, et trykkeri eller en kollega har brug for det format, som alt har understøttet i årtier.

Understøtter WebP gennemsigtighed?

Ja, i begge tilstande. Google anslår alfa i tabsfrit WebP til at udgøre omkring 22% ekstra bytes, og siger, at WebP med tab og gennemsigtighed typisk er tre gange mindre end den tilsvarende PNG.

Mister man kvalitet ved at konvertere PNG til WebP?

Ikke i tabsfri tilstand, som bevarer hver pixel. Tilstand med tab ændrer pixels bevidst. Konverteren læser den færdige fil tilbage og blokerer overførslen, medmindre en tabsfri konvertering producerede et ægte tabsfrit VP8L-billede.

Hvornår skal jeg beholde PNG?

Til masters, du vil redigere igen, til print- og designsoftware, der forventer det, til alt, hvad et ældre system skal åbne, og til arkiverede skærmbilleder. Konverter en leveringskopi i stedet for at erstatte originalen.

Er WebP dårligt for SEO?

Nej. Mindre billeder indlæses hurtigere, og sidehastighed indgår i placeringen. Server et format, som den besøgendes browser accepterer, og behold din alt-tekst og filnavngivning, som de var.

Kan jeg konvertere tilbage til PNG senere?

Ja, og PNG-indkodningen er tabsfri fra de renderede pixels. Den kan ikke fortryde en tidligere gennemgang med tab, så en WebP med tab konverteret tilbage til PNG er en stor fil, der indeholder allerede forringede pixels.