SVGcode er en ny progressiv nettapp som kan konvertere rasterbilder (som JPEG og PNG) til SVG-grafikkfiler automatisk.
Det er to forskjellige kategorier av bilder du vanligvis ser på nettet. Rasterbilder (som JPG, PNG, WebP og så videre) er en serie piksler med en fast oppløsning, mens vektorbilder (som SVG) bruker forskjellige linjer og former. Vektorgrafikk er populært for logoer og andre enkle bilder, fordi de ikke ser forferdelige ut ved høye oppløsninger (eller når de er zoomet inn), men de kan være arbeidskrevende å lage fra bunnen av. Nå er det en hendig nettapp for å lage SVG-er fra standardbilder: SVGcode.
SVGcode er en ny progressiv nettapp laget av Thomas Steiner, en Developer Relations Engineer som jobber hos Google (selv om SVGcode i seg selv ikke er et Google-produkt). Når du åpner den i nettleseren din på svgco.de, kan du åpne et bilde fra PC-en din, og det blir automatisk "tegnet" som en SVG. De fleste bilder vil kreve noen justeringer for å lage en SVG som ser anstendig ut, men det er en imponerende nettapp, og kan komme godt med hvis du noen gang vil lage en renere vektorversjon av en rasterlogo.
SVGcode er drevet av noen av de nyeste APIene som nettlesere som Chromium og Firefox har lagt til. Kjernetegningsfunksjonaliteten er basert på Potrace-prosjektet, som ble konvertert til Web Assembly-kode for denne nettappen. SVGCode kan kopiere den ferdige filen til utklippstavlen (med Async Clipboard API), vises som et alternativ i PC-ens filbehandling når du høyreklikker på et bilde (med File Handling API), og åpne/lagre filer fra enheten din (ved hjelp av File System Access API). Den bruker til og med den nye Window Controls Overlay API for å skjule systemets tittellinje når den er installert, slik at den føles litt mer som en innebygd applikasjon.
Du kan lese mer om utviklingsprosessen for SVGcode i et blogginnlegg på Googles nettutviklingsblogg. Siden det er en PWA, kan du bruke og installere SVGcode på hva som helst med en moderne nettleser.