PNG naar WebP converteren

Maak de PNG-screenshots, logo's en vrijstaande productfoto's op uw website kleiner door ze om te zetten naar WebP-bestanden. De transparante randen blijven behouden en de bestanden laden in een fractie van de tijd. Kies lossy of lossless, converteer en upload het resultaat naar uw CMS.

of sleep JPG, JPEG, JPE …-bestanden hierheen ·

Max. 95 MB per bestand· Tot 20 bestanden· Verwijderd na 30 minuten

Uitvoer

Converteren naar

Bestanden worden op onze servers verwerkt en na 30 minuten verwijderd.

Zo gebruikt u deze tool

1
Sleep de PNG-bestanden erin
Sleep maximaal 20 PNG's naar het uploadvlak of kies ze uit een map. Elk bestand mag maximaal 95 MB groot zijn, genoeg voor zelfs zeer grote geëxporteerde mockups.
2
Kies lossy of lossless
De pagina start met Kwaliteit 80 in de modus met verlies, een goede balans voor foto's en illustraties op het web. Vink Zonder verlies aan onder Geavanceerde instellingen voor pictogrammen, pixelart of UI-screenshots die pixelperfect moeten blijven.
3
Converteren en vervangen
Klik op Converteren naar WebP en download de bestanden één voor één of als ZIP.

Antwoord

Is het de moeite waard om PNG naar WebP te converteren?

Voor afbeeldingen op een website vrijwel altijd. Dezelfde afbeelding, inclusief transparantie, wordt meestal veel kleiner en elke huidige browser geeft hem weer. Houd PNG voor bestanden die je nog bewerkt of verstuurt naar mensen die ze in desktopsoftware openen.

Waarom webontwikkelaars PNG vervangen door WebP

PNG is van nature verliesvrij: het werd in 1996 door het W3C gestandaardiseerd als octrooivrij alternatief voor GIF en gooit nooit pixelgegevens weg. Dat is perfect voor een masterbestand en verspillend op een webpagina, waar een hero-illustratie van 1600 px als PNG meer kan wegen dan alle scripts op de pagina samen.

Google introduceerde WebP in 2010 om dat gat te dichten. Het biedt twee technieken in één container: een modus zonder verlies die volgens Googles eigen gepubliceerde vergelijking ongeveer 26% kleiner is dan PNG, en een modus met verlies op basis van de VP8-videocodec die nog kleiner is. Beide modi ondersteunen een volledig alfakanaal, waardoor logo's en vrijgestelde productfoto's bruikbaar blijven op gekleurde achtergronden.

Tools voor paginasnelheid zoals PageSpeed Insights wijzen al lang op te grote PNG- en JPEG-bestanden als een makkelijke besparing, en een geconverteerde set afbeeldingen is vaak de snelste verbetering voor Largest Contentful Paint. Hebben de afbeeldingen ook andere afmetingen nodig, gebruik dan eerst de afbeelding-formaatwijziger en converteer daarna.

Hoeveel kleiner een WebP is dan een PNG

PNG-origineel

1,2 MB

1600 × 900 · 24-bit met alfa, vrijgestelde productfoto

meestal 80–85% kleiner

WebP, kwaliteit 80

190 KB

1600 × 900 · met verlies, alfakanaal behouden

PNG

Portable Network Graphics

PNG is een rasterformaat zonder kwaliteitsverlies, in 1996 gepubliceerd door de PNG Development Group en later gestandaardiseerd door W3C en ISO. Het behoudt elke pixel exact, ondersteunt volledige alfatransparantie en geeft tekst, scherpe randen en egale kleuren weer zonder artefacten. Door die precisie is het ideaal voor screenshots, logo's, pictogrammen en interfacegrafieken. De keerzijde is de omvang: foto's die als PNG zijn opgeslagen, zijn vaak meerdere keren groter dan dezelfde foto als JPEG of WebP. Alle browsers, besturingssystemen en bewerkingsprogramma's openen PNG-bestanden.

Compressie: Zonder verlies
Transparantie: Ja
Animatie: Nee
Geïntroduceerd: 1996 · PNG Development Group

PNG-converter

WEBP

WebP-afbeelding

WebP is een afbeeldingsformaat dat Google in 2010 uitbracht om webpagina's sneller te laten laden. Het ondersteunt zowel verliesgevende als verliesvrije compressie, alfatransparantie en animatie in één formaat. Verliesgevende WebP-bestanden zijn doorgaans 25–35% kleiner dan JPEG's van vergelijkbare beeldkwaliteit, en verliesvrije WebP is meestal kleiner dan PNG. Alle huidige browsers ondersteunen het, maar sommige oudere desktopsoftware, drukdiensten en uploadformulieren weigeren het nog. Windows, macOS en de meeste moderne afbeeldingseditors kunnen WebP-bestanden openen.

Compressie: Met of zonder verlies
Transparantie: Ja
Animatie: Ja
Geïntroduceerd: 2010 · Google

WEBP-converter

Site-eigenaren zetten PNG om naar WebP om de paginagrootte te verkleinen met behoud van transparantie; van WebP terug naar PNG gaat het erom een bestand te bewerken of te openen in software die geen WebP leest.

De cijfers hierboven zijn een typisch resultaat voor een fotografische uitsnede, geen belofte. Vlakke afbeeldingen worden in de modus met verlies minder klein en soms juist kleiner zonder verlies. Screenshots vol tekst zijn het enige geval waarin WebP met verlies letterranden kan vervagen; vink daarvoor Zonder verlies aan en je bespaart toch ruimte zonder dat de pixels veranderen.

Afmetingen, kleur en transparantie blijven ongewijzigd, en Metadata verwijderen (standaard aan) schrapt bewerkingsgeschiedenis die een browser nooit nodig heeft.

Voordat u de WebP-bestanden naar uw site uploadt

Bewaar de originele PNG's in een aparte map; WebP is een kopie voor weergave, geen bewerkingsmaster.
Controleer of je CMS .webp-uploads accepteert (WordPress doet dat vanaf versie 5.8).
Bekijk één transparante afbeelding op zowel een witte als een donkere achtergrond om te controleren of de randen schoon zijn.
Werk de afbeeldingsverwijzingen in je HTML of CSS bij van .png naar .webp, of laat je CMS de miniaturen opnieuw genereren.
Vergelijk de paginagrootte voor en na in het netwerkpaneel van je browser, zodat je weet hoeveel je hebt bespaard.

Vragen over PNG naar WebP

Blijft de transparante achtergrond van mijn PNG behouden in WebP?

Ja. WebP slaat een alfakanaal op in zowel de modus met verlies als die zonder verlies, dus vrijgestelde productfoto's en logo's blijven transparant. In de modus met verlies worden de randpixels iets sterker gecomprimeerd; zie je een vage rand rond fijn haar of tekst, converteer het bestand dan opnieuw met Zonder verlies aangevinkt. Later weer terug nodig? Met WebP naar PNG krijg je een bewerkbare PNG.

Kies ik voor een PNG beter lossy of lossless WebP?

Zonder verlies als de PNG een vlakke interface, diagram, logo of pixelart is, want elke pixel blijft precies zoals hij was en het bestand wordt meestal toch kleiner. Met verlies op kwaliteit 75 tot 85 als de PNG eigenlijk een foto of zachte illustratie is, want daar zit de grootste winst.

Welke browsers kunnen WebP-afbeeldingen weergeven?

Chrome, Edge, Firefox en Opera tonen WebP al jaren, en Safari volgde met versie 14 in 2020 (op macOS Big Sur of nieuwer en iOS 14). In de praktijk geeft elke browser die nu actief wordt gebruikt het weer, dus een gewone img-tag met een .webp-bestand volstaat voor de meeste sites.

Kan ik WebP-bestanden uploaden in WordPress?

WordPress 5.8, uitgebracht in juli 2021, voegde WebP toe aan de toegestane uploadtypen van de mediabibliotheek. Oudere installaties weigeren het bestand tenzij een plug-in het MIME-type toevoegt, dus controleer je versie voordat je een hele map converteert.

Waarom is mijn WebP groter dan de oorspronkelijke PNG?

Dat gebeurt bij kleine PNG's met een geïndexeerd palet van enkele kleuren, zoals een pictogram met 8 kleuren, omdat PNG daar al erg efficiënt is. Probeer Zonder verlies voor die bestanden en is het resultaat nog steeds groter, behoud dan de PNG; de winst zit in grotere, kleurrijkere afbeeldingen.

Kan ik een hele map met PNG's in één keer naar WebP converteren?

Maximaal 20 bestanden per keer, elk tot 95 MB, en je krijgt ze samen terug in een ZIP. Voor een grotere map herhaal je dit in batches van 20; er is geen dagelijkse limiet en de uploads worden na 30 minuten automatisch gewist.