SVGcode je nova progresivna spletna aplikacija, ki lahko samodejno pretvori rastrske slike (kot sta JPEG in PNG) v grafične datoteke SVG.
V spletu običajno vidite dve različni kategoriji slik. Rastrske slike (kot so JPG, PNG, WebP in tako naprej) so nizi slikovnih pik pri fiksni ločljivosti, medtem ko vektorske slike (kot SVG) uporabljajo različne črte in oblike. Vektorska grafika je priljubljena za logotipe in druge preproste slike, ker pri visokih ločljivostih (ali pri povečavi) niso videti grozne, vendar je lahko njihovo ustvarjanje iz nič delovno intenzivno. Zdaj je na voljo priročna spletna aplikacija za ustvarjanje SVG iz standardnih slik: SVGcode.
SVGcode je nova progresivna spletna aplikacija, ki jo je ustvaril Thomas Steiner, inženir za odnose z razvijalci, ki dela pri Googlu (čeprav SVGcode sam po sebi ni Googlov izdelek). Ko ga odprete v brskalniku na svgco.de, lahko odprete sliko iz računalnika in samodejno bo "narisana" kot SVG. Večina slik bo zahtevala nekaj prilagoditev za ustvarjanje spodobnega videza SVG, vendar je to impresivna spletna aplikacija in vam lahko pride prav, če želite narediti čistejšo vektorsko različico rastrskega logotipa.
SVGcode poganjajo nekateri najnovejši API-ji, ki so jih dodali spletni brskalniki, kot sta Chromium in Firefox. Osnovna funkcija risanja temelji na Projekt Potrace, ki je bil pretvorjen v kodo spletnega sklopa za to spletno aplikacijo. SVGCode lahko kopira končano datoteko v vaše odložišče (z API za asinhrono odložišče), se prikaže kot možnost v upravitelju datotek v računalniku, ko z desno miškino tipko kliknete sliko (z API-jem za upravljanje datotek) in odprite/shranite datoteke iz svoje naprave (z uporabo API za dostop do datotečnega sistema). Uporablja celo novo Window Controls Overlay API da skrijete naslovno vrstico sistema, ko je nameščen, zaradi česar je nekoliko bolj podoben domači aplikaciji.
Več o razvojnem procesu za SVGcode lahko preberete v objava v Googlovem blogu o spletnem razvoju. Ker gre za PWA, lahko s sodobnim spletnim brskalnikom uporabite in namestite kodo SVG na karkoli.