WebP naar SVG omzetten

Deze pagina is voor iemand die geen WebP heeft gekozen — met de rechtermuisknop een afbeelding van een website bewaard, en toevallig een WebP gekregen omdat de site het zo serveert. Nu wordt er een vectorversie gezocht.

Voordat je verdergaat: de site die deze WebP serveerde, serveert vaak ook het echte SVG-bestand ergens — in een sprite, als `/favicon.svg`, of inline in de markup. Zoeken kost niets en wint altijd van tracen.

Een echte SVG die de site zelf al gebruikt, is nooit een benadering — het is het originele vectorbestand, exact zoals de ontwerper of ontwikkelaar het maakte. Een getraceerde versie is altijd een benadering, hoe goed de instellingen ook staan.

Bekijk de broncode van de pagina, controleer een `/favicon.svg`-pad, of zoek in de netwerktab van de browser naar bestanden met de extensie `.svg` — vaak staat het antwoord al klaar zonder dat er iets hoeft te worden getraceerd.

Een WebP van een website is precies zo groot als de pagina nodig had, niet groter. Geen instelling in deze omzetting kan pixels terughalen die nooit zijn gedownload — een klein, laag opgelost logo levert dus ook een grof getraceerd resultaat op, ongeacht de kwaliteitsinstelling.

Voor een scherp resultaat is een hoger opgeloste bron nodig dan wat op de pagina zelf werd geserveerd — die is via deze omzetting niet te verkrijgen.

Dit is geen zachte waarschuwing: de decoder die deze site voor WebP gebruikt, heeft geen ondersteuning voor animatie. Een geanimeerde WebP levert bij het decoderen niets bruikbaars op, en de omzetting stopt met een foutmelding in plaats van het eerste beeldje stilzwijgend te gebruiken.

Getest met zowel een lossy als een verliesvrije animatie: in beide gevallen stopt de omzetting volledig. Is de bron geanimeerd, dan is deze pagina niet het juiste gereedschap, ongeacht welke instellingen worden geprobeerd.

Voor een vlak logo met een beperkt aantal kleuren — precies het soort materiaal dat een website vaak als WebP serveert voor een merk of pictogram — levert tracing doorgaans een bruikbaar, herkenbaar resultaat op.

Standaard gebruikt deze omzetting acht kleuren; voor een logo met meer kleurnuances kan een hoger aantal een getrouwer resultaat geven, ten koste van een groter bestand.

De omzetting draait volledig in de browser; het bestand wordt niet naar een server gestuurd. De limiet op het gratis plan is 100 MB per bestand.

Meerdere bestanden tegelijk aanbieden werkt net zo goed als één: tot honderd bestanden per batch.

Deze omzetting meet het getraceerde bestand tegen het origineel en laat zien welke van de twee groter is, vóórdat het resultaat wordt gedownload. Voor een klein logo valt dat vergelijk vaak in het voordeel van de SVG uit; voor een fotografisch beeld juist niet.

Gebruik die vergelijking als beslismoment: is het resultaat groter en minder scherp dan de WebP waarmee je begon, dan is dat het signaal om alsnog naar het echte SVG-bestand op de bronwebsite te zoeken.

Een alfakanaal in de bron-WebP wordt overgenomen in het getraceerde SVG-resultaat, wat voor een logo met een doorzichtige achtergrond precies is wat nodig is.

Voor een afbeelding zonder transparantie verandert daar niets aan — het resultaat krijgt dan een volledig gevulde achtergrond, zoals de bron die had.