Het gemeten verschil
Google, dat het formaat ontwikkelde, publiceert de cijfers: WebP-afbeeldingen zonder kwaliteitsverlies zijn 26% kleiner dan PNG's, en WebP-afbeeldingen met kwaliteitsverlies zijn 25 tot 34% kleiner dan vergelijkbare JPEG's bij gelijke kwaliteit. Dat zijn gemiddelden over een testset, geen belofte over uw specifieke bestand, maar ze scheppen wel de juiste verwachting.
Naast elkaar
| Eigenschap | PNG | WebP |
|---|---|---|
| Compressiemodi | Alleen zonder kwaliteitsverlies | Met en zonder kwaliteitsverlies |
| Typische grootte zonder kwaliteitsverlies | Uitgangspunt | Ongeveer 26% kleiner |
| Transparantie | Ja | Ja, in beide modi |
| Kosten van transparantie | Inbegrepen | Ongeveer 22% extra bytes zonder kwaliteitsverlies |
| Animatie | APNG, wisselende ondersteuning | Ja, breed ondersteund |
| Opent in huidige browsers | Overal | Overal |
| Opent in oude software | Overal | Soms niet |
De cijfers over grootte en transparantie komen uit de WebP-documentatie van Google, waarin ook staat dat WebP met kwaliteitsverlies en transparantie doorgaans drie keer kleiner is dan de vergelijkbare PNG.
Waar WebP wint
- Afbeeldingen op een pagina van uzelf Elke huidige browser toont WebP. Een kwart van uw beeldgewicht eraf is echte snelheidswinst op mobiele verbindingen.
- Transparante graphics met fotografische inhoud Een logo op een fotografische achtergrond is waar WebP met kwaliteitsverlies en alfa het verst voorloopt op PNG.
- Grote schermafbeeldingen en interfaceopnamen Vlakke kleur en scherpe tekst comprimeren goed in WebP zonder kwaliteitsverlies, dus u houdt exacte pixels en raakt het volume kwijt.
- Overal waar bandbreedte de beperking is Nieuwsbrieven per e-mail, documentatiesites en catalogi met veel afbeeldingen.
Waar PNG nog steeds de juiste keuze is
Houd de PNG als origineel. Zet een leverkopie om. Die ene regel dekt de meeste gevallen hieronder.
- Bestanden die u opnieuw gaat bewerken Heen en weer gaan door een formaat met kwaliteitsverlies tast een afbeelding elke keer een beetje aan. Een origineel zonder kwaliteitsverlies vermijdt dit probleem volledig.
- Drukwerk en ontwerpprocessen Veel opmaak- en prepresssoftware verwacht nog steeds PNG of TIFF. Een drukker een WebP geven, levert een e-mail op die u niet wilt.
- Alles wat een oud systeem opent Verouderde interne tools, oudere documentviewers en sommige uploadformulieren weigeren WebP botweg.
- Bestanden die u naar anderen stuurt Een collega op een oudere machine kan er misschien niet op dubbelklikken. Dat is de hele reden waarom een WebP-naar-PNG-converter wordt gebruikt.
WebP met of zonder kwaliteitsverlies
WebP is twee formaten onder één bestandsextensie. De modus zonder kwaliteitsverlies behoudt elke pixel exact. De modus met kwaliteitsverlies gooit detail weg dat u volgens de encoder niet zult opmerken, en het bestand wordt veel kleiner.
Kies zonder kwaliteitsverlies voor logo's, diagrammen, schermafbeeldingen en alles met harde randen of tekst. Kies met kwaliteitsverlies voor foto's en voor achtergronden waar niemand op inzoomt. Tekst krijgt bij een instelling met kwaliteitsverlies zachte halo's rond de letters, en dat is het artefact dat mensen als eerste opvalt.
De converter van Vaultaire biedt beide. In de modus zonder kwaliteitsverlies leest hij het nieuwe bestand terug en blokkeert hij de download tenzij de uitvoer echt een VP8L-afbeelding zonder kwaliteitsverlies is waarvan de pixels overeenkomen. Alfawaarden moeten exact overeenkomen, met een tolerantie van maximaal 2 per voorvermenigvuldigd 8-bitskanaal voor gedeeltelijk transparante kleur, omdat de eigen encoders van de browser die waarden afronden.
Wat omzetten met de metadata doet
Omzetten is ook een manier om weg te halen wat aan het bestand hangt. De converter kopieert EXIF-, ICC-, tekst-, tijd- en C2PA-gegevens uit de bron niet naar de nieuwe WebP, scant daarna het voltooide bestand met een onafhankelijke parser en houdt de download vergrendeld als er een record opduikt.
Dat is belangrijk wanneer de PNG uit een schermafbeelding van een telefoon, een camera-export of een afbeeldingsgenerator komt. Wilt u zien wat eraan hangt voordat u beslist, dan somt de metadata-inspecteur het op. Alles draait in de browserworker, en het bestand wordt nooit geüpload.
Praktische grenzen van de converter: één stilstaande PNG, tot 20 MB, 4,096 pixels per zijde en 16,000,000 pixels in totaal. Geanimeerde PNG wordt geweigerd vóór het decoderen, in plaats van stilzwijgend als eerste frame te worden geëxporteerd.
Veelgestelde vragen over PNG en WebP
Is WebP beter dan PNG?
Voor afbeeldingen op het web meestal wel. Google meet WebP zonder kwaliteitsverlies op 26% kleiner dan PNG. PNG is nog steeds beter wanneer een tool, een drukker of een collega het formaat nodig heeft dat alles al tientallen jaren ondersteunt.
Ondersteunt WebP transparantie?
Ja, in beide modi. Google zet alfa in WebP zonder kwaliteitsverlies op ongeveer 22% extra bytes, en zegt dat WebP met kwaliteitsverlies en transparantie doorgaans drie keer kleiner is dan de vergelijkbare PNG.
Gaat er kwaliteit verloren bij het omzetten van PNG naar WebP?
Niet in de modus zonder kwaliteitsverlies, die elke pixel behoudt. De modus met kwaliteitsverlies verandert pixels met opzet. De converter leest het voltooide bestand terug en blokkeert de download tenzij een conversie zonder kwaliteitsverlies een echte VP8L-afbeelding zonder kwaliteitsverlies opleverde.
Wanneer moet ik PNG houden?
Voor originelen die u opnieuw gaat bewerken, voor druk- en ontwerpsoftware die dat verwacht, voor alles wat een ouder systeem moet openen, en voor gearchiveerde schermafbeeldingen. Converteer naar een leveringskopie in plaats van het origineel te vervangen.
Is WebP slecht voor SEO?
Nee. Kleinere afbeeldingen laden sneller en paginasnelheid telt mee in de rangschikking. Lever een formaat dat de browser van de bezoeker accepteert en houd uw alt-tekst en bestandsnamen zoals ze waren.
Kan ik later terug omzetten naar PNG?
Ja, en de PNG-codering gebeurt zonder kwaliteitsverlies ten opzichte van de weergegeven pixels. Deze kan een eerdere bewerking met kwaliteitsverlies niet ongedaan maken, dus een WebP met kwaliteitsverlies die wordt teruggezet naar PNG is een groot bestand met al aangetaste pixels.