Van verliesvrije PNG naar verliesgevende WebP
PNG bewaart elke pixel exact, wat ideaal is om te bewerken maar duur in bytes. De WebP-bestanden die Convertisio maakt gebruiken verliesgevende compressie met instelbare kwaliteit: de encoder laat het detail weg dat het minst snel wordt opgemerkt en slaat de rest veel compacter op. Het resultaat is meestal veel kleiner dan de PNG, maar geen pixel-voor-pixelkopie meer.
Hoeveel je bespaart, hangt af van de afbeelding:
- Foto’s die als PNG zijn opgeslagen worden meestal het meest kleiner. PNG is een zware manier om een foto op te slaan, doorgaans een aantal keer groter dan een JPG van dezelfde afbeelding, en WebP is nog compacter.
- Afbeeldingen, illustraties en schermafbeeldingen kunnen ook flink krimpen, al gaat PNG redelijk goed om met grote vlakken effen kleur, dus het verschil is vaak minder groot.
Transparantie blijft intact. WebP ondersteunt een volledig alfakanaal, dus logo’s, pictogrammen en vrijgestelde productfoto’s behouden hun transparante achtergrond en zachte randen, iets wat een JPG niet kan bieden. Zijn je foto’s JPG’s in plaats van PNG’s, dan is de JPG-naar-WebP-converter een beter beginpunt.
PNG tegenover WebP
| Aspect | PNG | WebP |
|---|---|---|
| Compressie | Verliesvrij | Met of zonder verlies (Convertisio maakt verliesgevende WebP) |
| Transparantie | Ja | Ja |
| Animatie | APNG-variant | Geanimeerde WebP |
| Typische bestandsgrootte | Groot, erg groot bij foto’s | Meestal veel kleiner |
| Opnieuw opslaan | Geen verlies, hoe vaak je ook opslaat | Elke verliesgevende opslag verliest een beetje |
| Waar het opent | Vrijwel overal | Alle gangbare browsers; sommige oudere software accepteert het niet |
| Het best geschikt voor | Hoofdkopieën, bewerken, exacte pixels | Publiceren op websites en in apps |
Wanneer je je PNG beter bewaart
WebP is een formaat voor weergave. Het is uitstekend voor de versie van een afbeelding die bezoekers downloaden, maar minder geschikt als je enige kopie:
- Bewaar de PNG als hoofdkopie. Ga je de afbeelding nog bewerken, werk dan vanuit het verliesvrije origineel en exporteer daarna een nieuwe WebP, in plaats van de WebP te bewerken en opnieuw op te slaan.
- Pixelnauwkeurig werk. Pixelart, ontwerpen van interfaces en schermafbeeldingen voor documentatie kunnen bij lagere kwaliteitsinstellingen zachtere randen krijgen. Gebruik een hoge kwaliteitswaarde, of bewaar ze als PNG.
- Bestemmingen die WebP weigeren. Sommige drukkerijen, e-mailprogramma’s en oudere kantoorsoftware accepteren het nog niet. Heb je daar geen transparantie nodig, dan biedt PNG naar JPG brede compatibiliteit met een kleiner bestand.
Nog één eerlijke opmerking: deze converter maakt alleen verliesgevende WebP. Heb je specifiek verliesvrije WebP-uitvoer nodig, dan is dit niet het juiste hulpmiddel.
Waar de overstap loont
Afbeeldingen zijn vaak het zwaarste onderdeel van een webpagina, dus grote PNG’s vervangen is een van de eenvoudigste manieren om een site sneller te laten aanvoelen. De grootste winst zit meestal bij:
- Schermafbeeldingen in artikelen en documentatie, die vaak rechtstreeks door het besturingssysteem als PNG in volledige grootte worden opgeslagen;
- Productafbeeldingen met transparante achtergrond, waar JPG geen optie is maar PNG onnodig zwaar;
- Illustraties en banners die zijn geëxporteerd uit ontwerptools waarvan PNG de standaard is.
Controleer voordat je overstapt of je contentmanagementsysteem, thema of app WebP-uploads accepteert. Veel actuele platforms doen dat, maar sommige oudere, en ook enkele e-mailprogramma’s, verwachten nog PNG of JPG.
De beste WebP uit een PNG halen
Kwaliteit
De standaardwaarde 85 past bij de meeste webafbeeldingen. Probeer voor schermafbeeldingen en afbeeldingen met kleine tekst 90 of hoger om randen scherp te houden; voor grote foto’s zien waarden tussen 75 en 85 er meestal schoon uit en besparen ze meer ruimte. Bekijk één resultaat op ware grootte voordat je een hele reeks omzet.
Afmetingen
Het formaat aanpassen levert vaak meer op dan de kwaliteit verlagen. Een PNG die 4.000 pixels breed is geëxporteerd maar op je site op 1.200 wordt getoond, verspilt het grootste deel van zijn bytes. Gebruik Instellingen → Formaat om afbeeldingen in te passen binnen de grootste breedte of hoogte die je opmaak toont; de beeldverhouding blijft behouden en er wordt niets vergroot.
Animatie, metagegevens en kleur
Geanimeerde PNG’s (APNG) worden omgezet naar een stilstaand beeld van hun eerste frame, met een waarschuwing. EXIF-gegevens worden niet gekopieerd. Kleuren worden omgezet naar sRGB, de standaardkleurruimte van het web, dus werk met een breed kleurbereik kan er iets minder verzadigd uitzien.
Safari
Sommige Safari-versies kunnen niet zelf WebP-bestanden maken. In dat geval downloadt Convertisio een ingebouwde WebP-encoder van ongeveer 300 KB zodra je WebP als uitvoer kiest, en de conversie draait nog steeds volledig op je apparaat.