SVGcode è una nuova app Web progressiva in grado di convertire automaticamente immagini raster (come JPEG e PNG) in file grafici SVG.
Esistono due diverse categorie di immagini che generalmente vedi sul Web. Le immagini raster (come JPG, PNG, WebP e così via) sono una serie di pixel a risoluzione fissa, mentre le immagini vettoriali (come SVG) utilizzano varie linee e forme. La grafica vettoriale è popolare per i loghi e altre immagini semplici, perché non ha un aspetto terribile alle alte risoluzioni (o quando viene ingrandita), ma può richiedere molto lavoro per crearla da zero. Ora c'è una pratica app web per creare SVG da immagini standard: SVGcode.
SVGcode è una nuova app Web progressiva creata da Thomas Steiner, un ingegnere delle relazioni con gli sviluppatori che lavora presso Google (sebbene SVGcode stesso non sia un prodotto Google). Una volta aperto nel browser all'indirizzo svgco.de, puoi aprire un'immagine dal tuo PC e verrà automaticamente "disegnata" come SVG. La maggior parte delle immagini richiederà alcune modifiche per creare un SVG dall'aspetto decente, ma è un'app Web impressionante e potrebbe tornare utile se desideri creare una versione vettoriale più pulita di un logo raster.
SVGcode è alimentato da alcune delle API più recenti aggiunte da browser Web come Chromium e Firefox. La funzionalità di disegno principale si basa su Progetto Potrace, che è stato convertito in codice Web Assembly per questa app Web. SVGCode può copiare il file finito negli appunti (con l'estensione API degli Appunti asincroni), vengono visualizzati come opzione nel file manager del PC quando si fa clic con il pulsante destro del mouse su un'immagine (con l'API di gestione dei file) e aprire/salvare file dal dispositivo (utilizzando il file API di accesso al file system). Utilizza anche il nuovo API di sovrapposizione dei controlli della finestra per nascondere la barra del titolo del sistema quando è installato, facendolo sembrare un po' più simile a un'applicazione nativa.
Puoi leggere ulteriori informazioni sul processo di sviluppo di SVGcode in un post sul blog di sviluppo web di Google. Poiché si tratta di una PWA, puoi utilizzare e installare SVGcode su qualsiasi cosa con un browser Web moderno.