PNG naar WebP converteren

PNG is het formaat waaruit ontwerpers exporteren en WebP is het formaat dat websites zouden moeten serveren. Converteren verkleint het bestand met twee derde of meer met behoud van transparantie, en elke huidige browser kan het resultaat tonen. De conversie draait op je apparaat, dus er wordt niets geüpload.

Zo converteer je PNG naar WebP

Sleep een of meer PNG-afbeeldingen naar de tool hieronder.
Het uitvoerformaat staat al op WebP. Pas de kwaliteit aan als je wilt.
Klik op Start om te converteren.
Download elke WebP, of pak ze allemaal als ZIP.

Waarom PNG-bestanden zo groot zijn

PNG is verliesvrij. Elke pixel wordt exact opgeslagen, en dat maakt het perfect voor logo's, schermafbeeldingen en interfacegraphics, maar ook de reden dat een PNG-foto 10 tot 20 keer groter kan zijn dan dezelfde foto als JPG. Ontwerptools exporteren standaard naar PNG omdat het veilig is, niet omdat het efficiënt is. Het gevolg is dat veel websites PNG's van meerdere megabytes serveren voor afbeeldingen die een paar honderd kilobyte zouden kunnen zijn.

Wat WebP anders doet

WebP is door Google speciaal voor het web ontworpen. Het heeft twee modi. Lossy WebP gebruikt voorspelling en transformatiecodering vergelijkbaar met videocompressie en levert doorgaans bestanden op die 25 tot 35% kleiner zijn dan een JPG van dezelfde visuele kwaliteit, en veel kleiner dan een PNG. Verliesvrije WebP slaat pixels exact op zoals PNG, maar met een slimmer compressieschema, meestal 20 tot 30% kleiner dan een geoptimaliseerde PNG. Beide modi ondersteunen transparantie, en dat is de belangrijkste reden dat PNG naar WebP zo'n veelvoorkomende conversie is: het is het eerste breed ondersteunde formaat waarmee je een alfakanaal kunt behouden zonder de groottestraf van PNG te betalen.

Een kwaliteitsinstelling kiezen

De bron-PNG bevat	Aanbevolen WebP-kwaliteit	Resultaat
Logo, icoon, vlakke illustratie	90 tot 100	Scherpe randen behouden, nog steeds 50%+ kleiner dan PNG
Schermafbeelding met tekst	85 tot 95	Tekst blijft leesbaar, doorgaans 60 tot 70% kleiner
Foto of gerenderd 3D-beeld	75 tot 85	Visueel identiek op normale grootte, 80 tot 90% kleiner
Transparante productuitsnede	85 tot 90	Randen blijven schoon, alfakanaal behouden

Waar je de WebP gebruikt

Serveer WebP overal waar een browser de viewer is: je website, webapp, e-mailsjablonen voor moderne clients en beeld-CDN's. WordPress, Shopify, Webflow, Squarespace en Wix accepteren tegenwoordig allemaal WebP-uploads. Als je tegelijk een verouderde viewer moet ondersteunen, is de standaardaanpak het HTML-element <picture> met eerst een WebP-bron en een PNG- of JPG-fallback.

Converteer niet naar WebP voor aanlevering bij de drukker, voor het archiveren van masterartwork, of om naar een klant te sturen die het bestand opent in een oudere versie van Photoshop of Illustrator. Bewaar de PNG-master en behandel de WebP als aanleverformaat.

Batchconversie

Een hele map geëxporteerde PNG-assets kan in één keer worden gesleept. Elk wordt geconverteerd met dezelfde kwaliteitsinstelling en de resultaten worden gedownload als één ZIP met de oorspronkelijke bestandsnamen en een .webp-extensie, dus ze in een project vervangen is een zoek-en-vervang op de extensie.

Veelgestelde vragen

Behoudt WebP de transparante achtergrond van mijn PNG?

Ja. WebP ondersteunt een volledig 8-bits alfakanaal, dus zachte randen, slagschaduwen en halfdoorzichtige gebieden komen precies zo over als ze in de PNG waren.

Moet ik verliesvrije of lossy WebP gebruiken?

Voor logo's, iconen en schermafbeeldingen met scherpe tekst gebruik je een hoge kwaliteitsinstelling zodat het resultaat scherp blijft. Voor foto's die als PNG zijn geëxporteerd geeft kwaliteit 80 tot 85 een enorme besparing zonder zichtbaar verlies.

Welke browsers en apps openen WebP?

Chrome, Edge, Firefox, Safari (sinds versie 14) en elke huidige mobiele browser tonen WebP. Windows Foto's en macOS Voorvertoning openen het. Sommige oudere desktopsoftware en e-mailprogramma's niet, dus bewaar daarvoor een PNG of JPG.

Waarom is mijn WebP soms groter dan de PNG?

Piepkleine afbeeldingen met heel weinig kleuren, zoals een icoon van 32 pixels, zitten als PNG al bijna op hun minimale grootte. WebP blinkt uit bij alles groter dan een paar honderd pixels.

Je bestanden verlaten je apparaat nooit

Elke tool op Squishly Tools is 100% gratis en draait volledig in je browser. Je afbeeldingen en documenten worden op je eigen computer verwerkt en nooit naar een server geüpload. Geen accounts, geen watermerken en geen addertje onder het gras.