PNG naar WebP

Over deze converter

Deze gratis PNG-naar-WebP-converter zet een PNG om in een modern WebP en houdt de transparantie intact. De besparing is hier meestal veel groter dan bij JPG — 60–80 % is gebruikelijk, en bij een fotografische PNG kan het meer zijn.

Alles draait in uw browser — uw afbeelding wordt nooit geüpload naar een server.

Waarom PNG-bestanden zo groot worden

PNG is verliesvrij. Elke pixel wordt exact opgeslagen zoals hij was, en er wordt nooit iets weggegooid. Voor sommige afbeeldingen is dat de juiste afweging, voor andere een heel dure.

PNG comprimeert door herhaling te herkennen: reeksen identieke pixels, patronen die terugkeren. Dat werkt prachtig bij een logo met zes vlakke kleuren, een schermafbeelding van een formulier of een grafiek met strakke vlakken. Zo'n afbeelding kan tot een fractie van zijn ruwe omvang worden samengeperst.

Het werkt slecht bij foto's, want een foto bevat vrijwel geen exacte herhaling. Elke pixel van een lucht verschilt licht van zijn buur, dus er valt niets samen te vatten, en PNG slaat uiteindelijk iets op dat dicht bij de ruwe pixelgegevens ligt. Daarom is een als PNG opgeslagen foto standaard vijf tot tien keer groter dan dezelfde foto als JPG, zonder enig zichtbaar voordeel.

Een enorm aantal te grote PNG's op het web zijn simpelweg foto's die in het verkeerde formaat zijn opgeslagen — heel vaak een schermafbeelding van een foto, want schermafbeeldingsprogramma's kiezen standaard PNG.

WebP heeft twee modi, en daar zit de hele truc

Dit is wat WebP juist als vervanger van PNG zo goed maakt: het kan allebei de taken.

Verliesvrij WebP bewaart elke pixel exact, net als PNG, maar comprimeert beter — doorgaans 26 % kleiner dan dezelfde PNG. Bij een logo of een schermafbeelding van een interface krijgt u een identieke afbeelding in een kleiner bestand, zonder ook maar iets op te geven.

Verliesgevend WebP gooit detail weg zoals JPG dat doet, maar ondersteunt nog steeds transparantie — iets wat JPG nooit heeft gekund. Dat is de combinatie die vóór WebP niet bestond. Een productfoto met uitgeknipte achtergrond betekende vroeger een enorme PNG, omdat dat het enige gangbare formaat was dat zowel een foto als een alfakanaal kon bevatten. Nu kan het een verliesgevende WebP zijn van een fractie van die omvang.

Zet u een hoge kwaliteitswaarde, dan krijgt u verliesvrij of vrijwel verliesvrij gedrag. Verlaagt u die, dan ruilt u detail in voor omvang, terwijl de transparantie intact blijft.

Welke kwaliteit u waarvoor kiest

De juiste instelling hangt volledig af van het soort afbeelding dat de PNG bevat.

• Logo's, pictogrammen, vlakke graphics — gebruik de hoogste kwaliteit. Ze hebben harde randen en weinig kleuren; ze comprimeren toch al goed, en artefacten rond randen vallen meteen op.
• Schermafbeeldingen met tekst — hoge kwaliteit, 90 of hoger. Tekst is waar verliesgevende compressie er het slechtst uitziet: een vage brij rond de letters.
• Foto's met transparantie — 80–85 is ruim voldoende, en hier verschijnen de dramatische besparingen.
• Grafieken en diagrammen — hoge kwaliteit. Dunne lijnen en scherpe kleurgrenzen zijn precies wat verliesgevende compressie vervaagt.
• Grote achtergrondafbeeldingen — 75–85 is meestal prima, omdat ze achter andere inhoud liggen.

De regel eronder: harde randen en tekst vragen hoge kwaliteit; doorlopende tonen niet.

Transparantie blijft behouden — met één ding om te controleren

WebP ondersteunt een volledig 8-bits alfakanaal, net als PNG. Zachte schaduwen, uitgevloeide randen, geantialiaste rondingen en gedeeltelijke transparantie komen allemaal correct door. Dit is niet de grove aan/uit-transparantie van een GIF.

Het enige wat u na een conversie met een lage kwaliteitsinstelling moet nakijken, is de rand van een uitsnede. Verliesgevende compressie werkt op de kleurgegevens, en een half-doorzichtige randpixel kan een vage halo oppikken van de kleur die er in het origineel achter zat. Bij een schone uitsnede op kwaliteit 80 of hoger ziet u dat niet. Bij een zwaar gecomprimeerde afbeelding met een fijn uitgevloeide rand tegen een sterke kleur misschien wel — bekijk de overgang dus op ware grootte voordat u hem publiceert.

Zo gebruikt u het

• Upload uw PNG — klik op het uploadvak of sleep een .png-bestand erin
• Kies de kwaliteit — hoger behoudt meer detail, lager geeft een kleiner bestand
• Download — bewaar uw WebP

Goed om te weten

• De besparing is het grootst bij fotografische PNG's. Een schermafbeelding van een foto kan met 90 % krimpen zonder zichtbaar verschil.
• Een piepklein pictogram krimpt mogelijk niet. Onder een paar kilobyte overheerst de overhead van het formaat en kan WebP even groot of iets groter uitvallen. Houd het kleinste bestand.
• Verklein voordat u converteert. Een PNG van 3000 pixels die op 300 pixels wordt getoond, verspilt meer bytes dan welke codec ook kan terugwinnen.
• Favicons kunnen beter PNG of ICO blijven. De ondersteuning voor WebP-favicons is wisselvallig, en het bestand is hoe dan ook minuscuul.
• E-mailprogramma's lopen achter op browsers. Sommige tonen WebP nog steeds niet, gebruik in een e-mailsjabloon dus PNG of JPG.
• Bewaar het PNG-origineel als de afbeelding een masterbestand is dat u opnieuw zult bewerken.

Veelgestelde vragen

Hoeveel kleiner is WebP dan PNG?

Veel meer dan de meeste mensen verwachten. Verliesvrij WebP is gemiddeld ongeveer 26 % kleiner dan dezelfde PNG, met pixel-voor-pixel identieke uitvoer. Overstappen op verliesgevend WebP, wat PNG helemaal niet kan, bespaart doorgaans 60–80 %, en bij een als PNG opgeslagen foto kan het meer dan 90 % zijn. Hoe meer fotografische inhoud, hoe groter de winst.

Blijft mijn transparante achtergrond behouden?

Ja. WebP ondersteunt een volledig 8-bits alfakanaal precies zoals PNG, dus zachte schaduwen, uitgevloeide randen en gedeeltelijke transparantie blijven allemaal behouden. Dit is een van de belangrijkste voordelen van WebP boven JPG, dat helemaal geen transparantie kent. Controleer bij zeer lage kwaliteitsinstellingen de rand van een uitsnede op een vage kleurhalo.

Moet ik verliesgevend of verliesvrij WebP gebruiken?

Verliesvrij voor logo's, pictogrammen, diagrammen en schermafbeeldingen met tekst — alles met harde randen of letters, waar compressieartefacten zichtbaar zijn en het bestand toch al klein is. Verliesgevend voor foto's, ook foto's met een transparante achtergrond, waar de besparing groot is en het verlies vanaf kwaliteit 80 onzichtbaar.

Waarom is mijn PNG om te beginnen zo groot?

Vrijwel zeker omdat hij een foto bevat. PNG slaat elke pixel exact op en comprimeert door herhaling te zoeken, en foto's bevatten vrijwel geen exacte herhaling — er valt dus niets samen te vatten. PNG is de juiste keuze voor vlakke graphics en schermafbeeldingen van interfaces, en de verkeerde voor fotografische inhoud.

Kan ik later terug converteren naar PNG?

Ja, en de transparantie overleeft de heen-en-terugreis. Maar als u met verliesgevend WebP hebt geconverteerd, is het detail dat in die stap is weggegooid definitief weg — terugzetten geeft u een PNG van de gecomprimeerde afbeelding, niet het origineel. Bewaar uw PNG-masters als u ze opnieuw moet bewerken.

Werkt WebP in e-mail?

Niet betrouwbaar. De browserondersteuning is inmiddels universeel, maar e-mailprogramma's lopen ver achter en verschillende tonen helemaal niets bij een WebP. Gebruik PNG of JPG in e-mailsjablonen. Dezelfde voorzichtigheid geldt voor sommige desktopsoftware, drukwerkprocessen en uploadformulieren die alleen PNG en JPG accepteren.

Wordt mijn afbeelding naar een server gestuurd?

Nee. De conversie gebeurt volledig binnen uw browser, dus het bestand verlaat uw computer nooit. Dat is vooral van belang bij schermafbeeldingen, die vaak namen, adressen, rekeningnummers of interne systemen bevatten.

Gerelateerde tools

• WebP naar PNG — de andere richting, met behoud van transparantie
• JPG naar WebP — voor foto's zonder transparantie
• Afbeeldingscompressor — een afbeelding verkleinen zonder het formaat te wijzigen
• Achtergrondverwijderaar — de transparantie om te beginnen creëren