Ez az új progresszív webalkalmazás a képeket SVG vektorgrafikává alakíthatja

click fraud protection

Az SVGcode egy új progresszív webalkalmazás, amely a raszteres képeket (például JPEG és PNG) automatikusan SVG grafikus fájlokká alakítja.

A képeknek két különböző kategóriája van, amelyeket általában lát az interneten. A raszterképek (például JPG, PNG, WebP stb.) rögzített felbontású pixelek sorozata, míg a vektoros képek (például az SVG) különféle vonalakat és alakzatokat használnak. A vektorgrafikák népszerűek a logók és más egyszerű képek esetében, mert nem néznek ki vészesen nagy felbontásban (vagy nagyítva), de a semmiből való elkészítése munkaigényes lehet. Most már van egy praktikus webalkalmazás, amellyel szabványos képekből SVG-ket hozhat létre: SVGcode.

Az SVGcode egy új progresszív webes alkalmazás, amelyet Thomas Steiner, a Google-nál dolgozó fejlesztői kapcsolatok mérnöke hozott létre (bár maga az SVGcode nem a Google terméke). Miután megnyitotta a böngészőben a címen svgco.de, megnyithat egy képet a számítógépéről, és az automatikusan "megrajzolódik" SVG-ként. A legtöbb képen némi módosításra van szükség ahhoz, hogy tisztességes megjelenésű SVG-t hozzon létre, de ez egy lenyűgöző webalkalmazás, és jól jöhet, ha valaha egy raszteres logó tisztább vektoros változatát szeretné elkészíteni.

Az SVGcode-ot a legújabb API-k vezérlik, amelyeket a webböngészők, például a Chromium és a Firefox adtak hozzá. Az alaprajzi funkcionalitás a Potrace projekt, amelyet ennek a webalkalmazásnak a Web Assembly kódjává alakítottak át. Az SVGCode képes a kész fájlt a vágólapra másolni (a Async Clipboard API), opcióként jelenik meg a számítógép fájlkezelőjében, ha jobb gombbal kattint egy képre (a File Handling API-val), és nyisson meg/mentsen fájlokat az eszközről (a Fájlrendszer hozzáférési API). Még az újat is használja Window Controls Overlay API elrejti a rendszer címsorát, amikor telepítve van, így egy kicsit inkább natív alkalmazásnak tűnik.

Az SVGcode fejlesztési folyamatáról itt olvashat bővebben egy blogbejegyzés a Google webfejlesztési blogján. Mivel ez egy PWA, egy modern webböngészővel bármire használhatja és telepítheti az SVGcode-ot.