SVGcode je nová progresivní webová aplikace, která dokáže automaticky převádět rastrové obrázky (jako JPEG a PNG) na grafické soubory SVG.
Existují dvě různé kategorie obrázků, které obvykle vidíte na webu. Rastrové obrázky (jako JPG, PNG, WebP a tak dále) jsou série pixelů s pevným rozlišením, zatímco vektorové obrázky (jako SVG) používají různé čáry a tvary. Vektorová grafika je oblíbená pro loga a další jednoduché obrázky, protože ve vysokém rozlišení (nebo při přiblížení) nevypadá hrozně, ale její vytvoření od začátku může být pracné. Nyní je tu šikovná webová aplikace pro vytváření SVG ze standardních obrázků: SVGcode.
SVGcode je nová progresivní webová aplikace vytvořená Thomasem Steinerem, vývojovým inženýrem pro vztahy s Googlem (ačkoli SVGcode sám o sobě není produktem Google). Jakmile jej otevřete ve svém prohlížeči na adrese svgco.de, můžete otevřít obrázek z počítače a automaticky se „vykreslí“ jako SVG. Většina obrázků bude vyžadovat určité úpravy, aby bylo možné vytvořit slušně vypadající SVG, ale je to působivá webová aplikace a mohla by se hodit, pokud byste někdy chtěli vytvořit čistší vektorovou verzi rastrového loga.
SVGcode je založen na některých nejnovějších rozhraních API, které přidaly webové prohlížeče jako Chromium a Firefox. Základní funkce kreslení je založena na Projekt Potrace, který byl převeden na kód Web Assembly pro tuto webovou aplikaci. SVGCode může zkopírovat hotový soubor do vaší schránky (s Async Clipboard API), zobrazí se jako možnost ve správci souborů v počítači po kliknutí pravým tlačítkem na obrázek (s rozhraním File Handling API) a otevírat/ukládat soubory z vašeho zařízení (pomocí File System Access API). Dokonce používá nové Překryvné rozhraní API pro ovládání oken skrýt titulní lištu systému, když je nainstalován, takže to vypadá trochu jako nativní aplikace.
Více o procesu vývoje pro SVGcode si můžete přečíst v blogový příspěvek na blogu Google pro vývoj webu. Vzhledem k tomu, že se jedná o PWA, můžete pomocí moderního webového prohlížeče používat a instalovat kód SVG na cokoli.