SVGcode är en ny progressiv webbapp som kan konvertera rasterbilder (som JPEG och PNG) till SVG-grafikfiler automatiskt.
Det finns två olika kategorier av bilder som du vanligtvis ser på webben. Rasterbilder (som JPG, PNG, WebP och så vidare) är en serie pixlar med en fast upplösning, medan vektorbilder (som SVG) använder olika linjer och former. Vektorgrafik är populära för logotyper och andra enkla bilder, eftersom de inte ser hemska ut vid höga upplösningar (eller när de zoomas in), men de kan vara arbetskrävande att skapa från grunden. Nu finns det en praktisk webbapp för att skapa SVG från standardbilder: SVGcode.
SVGcode är en ny progressiv webbapp skapad av Thomas Steiner, en Developer Relations Engineer som arbetar på Google (även om SVGcode i sig inte är en Google-produkt). När du öppnar den i din webbläsare på svgco.de, kan du öppna en bild från din PC, och den kommer automatiskt att "ritas" som en SVG. De flesta bilder kommer att kräva vissa justeringar för att skapa en anständigt utseende SVG, men det är en imponerande webbapp, och kan vara praktisk om du någonsin vill göra en renare vektorversion av en rasterlogotyp.
SVGcode drivs av några av de senaste API: erna som webbläsare som Chromium och Firefox har lagt till. Kärnritningsfunktionaliteten är baserad på Potrace-projekt, som konverterades till Web Assembly-kod för denna webbapp. SVGCode kan kopiera den färdiga filen till ditt urklipp (med Async Clipboard API), visas som ett alternativ i din dators filhanterare när du högerklickar på en bild (med File Handling API), och öppna/spara filer från din enhet (med hjälp av File System Access API). Den använder till och med den nya Fönsterkontroller Overlay API för att dölja systemets namnlist när den är installerad, så att den känns lite mer som en inbyggd applikation.
Du kan läsa mer om utvecklingsprocessen för SVGcode i ett blogginlägg på Googles webbutvecklingsblogg. Eftersom det är en PWA kan du använda och installera SVGcode på vad som helst med en modern webbläsare.