Táto nová progresívna webová aplikácia dokáže premeniť obrázky na vektorovú grafiku SVG

SVGcode je nová progresívna webová aplikácia, ktorá dokáže automaticky konvertovať rastrové obrázky (ako JPEG a PNG) na grafické súbory SVG.

Existujú dve rôzne kategórie obrázkov, ktoré zvyčajne vidíte na webe. Rastrové obrázky (ako JPG, PNG, WebP atď.) sú sériou pixelov s pevným rozlíšením, zatiaľ čo vektorové obrázky (ako SVG) používajú rôzne čiary a tvary. Vektorová grafika je populárna pre logá a iné jednoduché obrázky, pretože pri vysokých rozlíšeniach (alebo pri zväčšení) nevyzerajú hrozne, no ich vytváranie od začiatku môže byť náročné na prácu. Teraz je tu šikovná webová aplikácia na vytváranie SVG zo štandardných obrázkov: SVGcode.

SVGcode je nová progresívna webová aplikácia, ktorú vytvoril Thomas Steiner, vývojár vzťahov s vývojármi pracujúci v spoločnosti Google (hoci samotný SVGcode nie je produktom Google). Keď ho otvoríte vo svojom prehliadači na adrese svgco.de, môžete otvoriť obrázok z počítača a automaticky sa „nakreslí“ ako SVG. Väčšina obrázkov bude vyžadovať určité úpravy na vytvorenie slušne vyzerajúceho SVG, ale je to pôsobivá webová aplikácia a mohla by sa vám hodiť, ak by ste niekedy chceli vytvoriť čistejšiu vektorovú verziu rastrového loga.

SVGcode využíva niektoré z najnovších rozhraní API, ktoré pridali webové prehliadače ako Chromium a Firefox. Hlavná funkcia kreslenia je založená na Projekt Potrace, ktorý bol pre túto webovú aplikáciu prevedený na kód Web Assembly. SVGCode dokáže skopírovať hotový súbor do vašej schránky (s príponou Async Clipboard API), zobrazí sa ako možnosť v správcovi súborov v počítači po kliknutí pravým tlačidlom myši na obrázok (s rozhraním File Handling API) a otvárať/ukladať súbory z vášho zariadenia (pomocou Rozhranie API prístupu k súborovému systému). Dokonca používa aj nové Rozhranie API pre prekrytie ovládania okien skryť titulný riadok systému, keď je nainštalovaný, takže bude vyzerať trochu viac ako natívna aplikácia.

Viac o procese vývoja pre SVGcode si môžete prečítať v blogový príspevok na blogu Google pre vývoj webových aplikácií. Keďže ide o PWA, môžete použiť a nainštalovať kód SVG na čokoľvek pomocou moderného webového prehliadača.