SVGcode er en ny progressiv webapp, der automatisk kan konvertere rasterbilleder (som JPEG og PNG) til SVG-grafikfiler.
Der er to forskellige kategorier af billeder, du typisk ser på nettet. Rasterbilleder (som JPG, PNG, WebP og så videre) er en serie af pixels med en fast opløsning, mens vektorbilleder (som SVG) bruger forskellige linjer og former. Vektorgrafik er populær til logoer og andre simple billeder, fordi de ikke ser forfærdelige ud ved høje opløsninger (eller når der er zoomet ind), men de kan være arbejdskrævende at lave fra bunden. Nu er der en praktisk webapp til at oprette SVG'er fra standardbilleder: SVGcode.
SVGcode er en ny progressiv webapp skabt af Thomas Steiner, en Developer Relations Engineer, der arbejder hos Google (selvom SVGcode i sig selv ikke er et Google-produkt). Når du åbner den i din browser kl svgco.de, kan du åbne et billede fra din pc, og det bliver automatisk "tegnet" som en SVG. De fleste billeder vil kræve nogle justeringer for at skabe et anstændigt udseende SVG, men det er en imponerende webapp, og den kan være nyttig, hvis du nogensinde vil lave en renere vektorversion af et rasterlogo.
SVGcode er drevet af nogle af de nyeste API'er, som webbrowsere som Chromium og Firefox har tilføjet. Kernetegningsfunktionaliteten er baseret på Potrace projekt, som blev konverteret til Web Assembly-kode for denne webapp. SVGCode kan kopiere den færdige fil til dit udklipsholder (med Async Clipboard API), vises som en mulighed i din pc's filhåndtering, når du højreklikker på et billede (med File Handling API), og åbn/gem filer fra din enhed (ved hjælp af File System Access API). Den bruger endda den nye Window Controls Overlay API for at skjule systemets titellinje, når den er installeret, så den føles lidt mere som en indbygget applikation.
Du kan læse mere om udviklingsprocessen for SVGcode i et blogindlæg på Googles webudviklingsblog. Da det er en PWA, kan du bruge og installere SVGcode på hvad som helst med en moderne webbrowser.