Această nouă aplicație web progresivă poate transforma imaginile în grafică vectorială SVG

SVGcode este o nouă aplicație web progresivă care poate converti automat imagini raster (cum ar fi JPEG și PNG) în fișiere grafice SVG.

Există două categorii diferite de imagini pe care le vedeți de obicei pe web. Imaginile raster (cum ar fi JPG, PNG, WebP și așa mai departe) sunt o serie de pixeli la o rezoluție fixă, în timp ce imaginile vectoriale (cum ar fi SVG) folosesc diverse linii și forme. Grafica vectorială este populară pentru logo-uri și alte imagini simple, deoarece nu arată groaznic la rezoluții mari (sau la mărire), dar poate fi laborioasă pentru a crea de la zero. Acum există o aplicație web la îndemână pentru a crea SVG-uri din imagini standard: SVGcode.

SVGcode este o nouă aplicație Progressive Web creată de Thomas Steiner, un inginer de relații cu dezvoltatorii care lucrează la Google (deși SVGcode în sine nu este un produs Google). Odată ce îl deschideți în browser la svgco.de, puteți deschide o imagine de pe computer și va fi „desenată” automat ca SVG. Majoritatea imaginilor vor necesita unele ajustări pentru a crea un SVG cu aspect decent, dar este o aplicație web impresionantă și ar putea fi utilă dacă doriți vreodată să faceți o versiune vectorială mai curată a unui logo raster.

SVGcode este alimentat de unele dintre cele mai noi API-uri adăugate de browsere web precum Chromium și Firefox. Funcționalitatea de bază a desenului se bazează pe Proiectul Potrace, care a fost convertit în cod Web Assembly pentru această aplicație web. SVGCode poate copia fișierul terminat în clipboard (cu Async Clipboard API), apare ca o opțiune în managerul de fișiere al computerului dvs. când faceți clic dreapta pe o imagine (cu API-ul File Handling) și deschideți/salvați fișierele de pe dispozitivul dvs. (folosind API de acces la sistemul de fișiere). Folosește chiar și noul API-ul Window Controls Overlay pentru a ascunde bara de titlu a sistemului atunci când este instalată, făcându-l să se simtă un pic mai mult ca o aplicație nativă.

Puteți citi mai multe despre procesul de dezvoltare pentru SVGcode în o postare pe blogul de dezvoltare web al Google. Deoarece este un PWA, puteți utiliza și instala SVGcode pe orice cu un browser web modern.