SVGcode es una nueva aplicación web progresiva que puede convertir imágenes rasterizadas (como JPEG y PNG) en archivos gráficos SVG automáticamente.
Hay dos categorías diferentes de imágenes que normalmente ves en la web. Las imágenes rasterizadas (como JPG, PNG, WebP, etc.) son una serie de píxeles con una resolución fija, mientras que las imágenes vectoriales (como SVG) utilizan varias líneas y formas. Los gráficos vectoriales son populares para logotipos y otras imágenes simples, porque no se ven terribles en altas resoluciones (o cuando se amplían), pero crearlos desde cero puede requerir mucha mano de obra. Ahora existe una práctica aplicación web para crear SVG a partir de imágenes estándar: SVGcode.
SVGcode es una nueva aplicación web progresiva creada por Thomas Steiner, un ingeniero de relaciones con desarrolladores que trabaja en Google (aunque SVGcode en sí no es un producto de Google). Una vez que lo abras en tu navegador en svgco.de, puede abrir una imagen desde su PC y se "dibujará" automáticamente como un SVG. La mayoría de las imágenes requerirán algunos ajustes para crear un SVG de apariencia decente, pero es una aplicación web impresionante y podría resultar útil si alguna vez desea crear una versión vectorial más limpia de un logotipo rasterizado.
SVGcode funciona con algunas de las API más nuevas que han agregado navegadores web como Chromium y Firefox. La funcionalidad principal de dibujo se basa en la proyecto potrace, que se convirtió en código Web Assembly para esta aplicación web. SVGCode puede copiar el archivo terminado a su portapapeles (con el API de portapapeles asíncrono), aparece como una opción en el administrador de archivos de su PC al hacer clic derecho en una imagen (con la API de manejo de archivos) y abrir/guardar archivos desde su dispositivo (usando el API de acceso al sistema de archivos). Incluso usa el nuevo API de superposición de controles de ventana para ocultar la barra de título del sistema cuando está instalado, haciéndolo sentir un poco más como una aplicación nativa.
Puede leer más sobre el proceso de desarrollo de SVGcode en una publicación de blog en el blog de desarrollo web de Google. Como es una PWA, puedes usar e instalar SVGcode en cualquier cosa que tenga un navegador web moderno.