SVGcode is een nieuwe Progressive Web App die rasterafbeeldingen (zoals JPEG en PNG) automatisch kan converteren naar grafische SVG-bestanden.
Er zijn twee verschillende categorieën afbeeldingen die u doorgaans op internet ziet. Rasterafbeeldingen (zoals JPG, PNG, WebP, enzovoort) zijn een reeks pixels met een vaste resolutie, terwijl vectorafbeeldingen (zoals SVG) verschillende lijnen en vormen gebruiken. Vectorafbeeldingen zijn populair voor logo's en andere eenvoudige afbeeldingen, omdat ze er niet slecht uitzien bij hoge resoluties (of wanneer ingezoomd), maar het kan arbeidsintensief zijn om ze helemaal opnieuw te maken. Nu is er een handige webapp voor het maken van SVG's van standaardafbeeldingen: SVGcode.
SVGcode is een nieuwe Progressive Web-app gemaakt door Thomas Steiner, een Developer Relations Engineer die bij Google werkt (hoewel SVGcode zelf geen Google-product is). Zodra u het in uw browser opent op SVGCO.de, kunt u een afbeelding vanaf uw pc openen, waarna deze automatisch als SVG wordt "getekend". Voor de meeste afbeeldingen zijn enkele aanpassingen nodig om een fatsoenlijk uitziende SVG te creëren, maar het is een indrukwekkende webapp en kan van pas komen als je ooit een schonere vectorversie van een rasterlogo wilt maken.
SVGcode wordt mogelijk gemaakt door enkele van de nieuwste API's die webbrowsers zoals Chromium en Firefox hebben toegevoegd. De kerntekenfunctionaliteit is gebaseerd op de Potrace-project, die voor deze webapp is omgezet in Web Assembly-code. SVGCode kan het voltooide bestand naar uw klembord kopiëren (met de extensie Asynchrone klembord-API), wordt weergegeven als een optie in de bestandsbeheerder van uw pc wanneer u met de rechtermuisknop op een afbeelding klikt (met de Bestandsverwerking-API) en open/sla bestanden op vanaf uw apparaat (met behulp van de Toegang tot bestandssysteem-API). Er wordt zelfs gebruik gemaakt van het nieuwe Overlay-API voor vensterbesturingselementen om de titelbalk van het systeem te verbergen wanneer deze is geïnstalleerd, waardoor deze een beetje meer op een native applicatie lijkt.
U kunt meer lezen over het ontwikkelingsproces voor SVGcode in een blogpost op de webontwikkelingsblog van Google. Omdat het een PWA is, kunt u SVGcode op alles met een moderne webbrowser gebruiken en installeren.