SVGcode é um novo Progressive Web App que pode converter imagens raster (como JPEG e PNG) em arquivos gráficos SVG automaticamente.
Existem duas categorias diferentes de imagens que você normalmente vê na web. Imagens raster (como JPG, PNG, WebP e assim por diante) são uma série de pixels com resolução fixa, enquanto imagens vetoriais (como SVG) usam várias linhas e formas. Os gráficos vetoriais são populares para logotipos e outras imagens simples, porque não ficam horríveis em altas resoluções (ou quando ampliados), mas podem exigir muito trabalho para serem criados do zero. Agora existe um aplicativo web útil para criar SVGs a partir de imagens padrão: SVGcode.
SVGcode é um novo aplicativo Progressive Web criado por Thomas Steiner, engenheiro de relações com desenvolvedores que trabalha no Google (embora o SVGcode em si não seja um produto do Google). Depois de abri-lo em seu navegador em svgco.de, você pode abrir uma imagem do seu PC e ela será automaticamente "desenhada" como SVG. A maioria das imagens exigirá alguns ajustes para criar um SVG de aparência decente, mas é um aplicativo da web impressionante e pode ser útil se você quiser criar uma versão vetorial mais limpa de um logotipo raster.
SVGcode é alimentado por algumas das APIs mais recentes que navegadores da web como Chromium e Firefox adicionaram. A funcionalidade principal de desenho é baseada no Projeto Potrace, que foi convertido em código Web Assembly para este aplicativo web. SVGCode pode copiar o arquivo finalizado para sua área de transferência (com o API da área de transferência assíncrona), aparece como uma opção no gerenciador de arquivos do seu PC ao clicar com o botão direito em uma imagem (com a API de manipulação de arquivos) e abra/salve arquivos do seu dispositivo (usando o API de acesso ao sistema de arquivos). Ele ainda usa o novo API de sobreposição de controles de janela para ocultar a barra de título do sistema quando ela estiver instalada, fazendo com que pareça um pouco mais com um aplicativo nativo.
Você pode ler mais sobre o processo de desenvolvimento do SVGcode em uma postagem no blog de desenvolvimento web do Google. Por ser um PWA, você pode usar e instalar SVGcode em qualquer coisa com um navegador moderno.