Convertidor online gratuito de GIF a SVG

Qué es el formato GIF

GIF, o Graphics Interchange Format, es un formato rasterizado que almacena cada fotograma como una imagen indexada con hasta 256 colores. Utiliza compresión LZW sin pérdida, admite transparencia de un bit y puede almacenar varios fotogramas con información de temporización para animaciones.

Los navegadores web, las aplicaciones de mensajería, las herramientas de captura de pantalla y los editores de imágenes suelen utilizar archivos GIF. Los logotipos, iconos, diagramas, pixel art y las animaciones cortas son contenidos habituales de GIF. Un GIF tiene dimensiones de píxeles fijas, por lo que ampliarlo produce bordes cuadriculados; su paleta limitada también lo hace inadecuado para la mayoría de las fotografías.

Qué es el formato SVG

SVG, o Scalable Vector Graphics, es un formato basado en XML que describe matemáticamente trazados, formas, texto, degradados y otros elementos de dibujo. Los navegadores y las aplicaciones vectoriales pueden representar estos elementos en distintos tamaños sin la pérdida de resolución asociada a las imágenes rasterizadas.

SVG es adecuado para logotipos, iconos, diagramas, mapas, ilustraciones, diseños para impresión y trazados para plotters de corte. Su estructura basada en texto puede editarse en Inkscape o en un editor de texto, aplicarle estilos con CSS e integrarse en HTML. Un SVG también puede contener el GIF original como mapa de bits incrustado; esto conserva los píxeles dentro de un contenedor SVG, pero no hace que la imagen sea escalable ni utilizable como trazado de corte.

Cómo convertir un GIF a SVG

Para obtener un resultado vectorial auténtico, utiliza el trazado de mapas de bits en un editor vectorial de escritorio como Inkscape:

1. Abre el archivo con File → Open. Los GIF animados no se convierten como animaciones completas mediante el trazado habitual; selecciona o extrae el fotograma que necesites.
2. Selecciona el mapa de bits importado y elige Path → Trace Bitmap.
3. Utiliza Brightness cutoff para diseños en blanco y negro. Para un logotipo o una ilustración de colores planos, elige Multiple scans → Colors. Un mayor número de pasadas puede conservar más colores, pero también crea más trazados y nodos.
4. Ajusta el umbral, el número de pasadas y las opciones de limpieza mientras revisas la vista previa y, después, haz clic en Apply. Inkscape coloca los trazados resultantes sobre el mapa de bits original.
5. Separa el diseño trazado del GIF o elimina el mapa de bits original. Inspecciona los bordes y los nodos con un nivel de zoom alto y, después, utiliza File → Save As y selecciona Plain SVG cuando sea importante la compatibilidad con otros programas.

Para realizar la conversión sin instalar software, sube el archivo a 101convert.com y elige SVG. Comprueba el archivo descargado después: la conversión automática puede trazar la imagen, conservar el GIF como mapa de bits incrustado o procesar solo un fotograma de la animación.

Para extraer un fotograma concreto antes de realizar el trazado, utiliza FFmpeg, por ejemplo:

ffmpeg -i input.gif -frames:v 1 frame.png

Esto extrae el primer fotograma. Para obtener otro fotograma, identifica su marca de tiempo y añade un valor adecuado de -ss antes del archivo de entrada; después, traza el PNG resultante en Inkscape.

Limitaciones de calidad y compatibilidad

El trazado no puede recuperar los detalles eliminados por la reducción de la paleta del GIF, las dimensiones pequeñas o la compresión. Los diseños de colores planos con límites definidos producen trazados más limpios que las fotografías, los degradados, las ilustraciones con textura y las capturas de pantalla con antialiasing. Una fotografía convertida en trazados puede producir un SVG innecesariamente grande y difícil de editar, con resultados visuales deficientes.

Utiliza el número de pasadas más bajo que conserve las formas necesarias. Un número excesivo de pasadas puede crear miles de nodos, aumentar el tamaño del archivo y ralentizar la representación. Utiliza Path → Simplify con precaución, ya que puede redondear las esquinas o eliminar pequeños detalles.

El trazado no conserva automáticamente la animación del GIF. Cada fotograma debe convertirse por separado y, después, ensamblarse mediante animación SVG, JavaScript u otra aplicación. La compatibilidad de los navegadores y los editores vectoriales con SVG es amplia, pero las máquinas de corte y los programas antiguos pueden aceptar solo un conjunto limitado de funciones de SVG. Elimina los filtros y efectos no compatibles y convierte el texto en trazados cuando el software de destino no pueda utilizar fuentes o cuando se requiera una rotulación exacta.