Convertir SVG a GIF
Convierte un SVG en un GIF que se ve en todas partes. Los SVG animados conservan su movimiento, CSS o SMIL; los estáticos se convierten en un GIF nítido. Elige el tamaño, la duración y los fotogramas por segundo, y descárgalo. Gratis, en tu navegador.
Tu archivo
Suelta un SVG para convertirloToca para elegir un SVG
SVG, animado o estático
Por qué usar esta herramienta
Sin límite de tamaño
Fotos a tamaño completo y documentos largos, directamente desde tu dispositivo.
No se sube nada
Se procesa entero en tu navegador. Tus archivos nunca salen de tu dispositivo.
Sin registro
Abres la herramienta y listo. Sin cuenta y sin correo.
El SVG es el mejor formato para iconos, logotipos y animaciones de líneas en la web, pero buena parte del mundo no lo puede mostrar. Los clientes de correo, las apps de chat, las presentaciones, los foros y las redes sociales piden un GIF, o un vídeo.
Este conversor de SVG a GIF reproduce tu SVG exactamente como lo hace un navegador y lo graba fotograma a fotograma. Los spinners de carga, las revelaciones de logotipos, los iconos y las ilustraciones animadas conservan su movimiento, y el GIF se repite sin saltos cuando la duración coincide con un ciclo de la animación. El SVG se abre en el modo de imagen seguro del navegador y nunca se sube.
Cómo convertir SVG a GIF
Añade tu SVG
Suelta un archivo .svg en el recuadro de arriba o elígelo. Empieza a reproducirse en la vista previa, y la herramienta indica si está animado y cuánto dura un ciclo.
Elige el tamaño y la duración
Escoge el ancho; el alto sigue la forma del SVG. La duración se ajusta a un ciclo de la animación, para que el GIF se repita sin saltos.
Ajusta los fotogramas por segundo y el fondo
Veinte fotogramas por segundo es fluido para casi cualquier animación. Deja el fondo transparente, o elige blanco o negro para apps que muestran mal la transparencia.
Convierte y descarga
Pulsa Convertir a GIF. La animación se graba en tiempo real, así que un SVG de tres segundos tarda tres segundos, y luego se codifica. Mantén la pestaña abierta hasta que termine.
Convertir un SVG animado en GIF
Los SVG se mueven de dos maneras: con elementos SMIL como <animate> y <animateTransform> dentro del archivo, o con animaciones CSS @keyframes en su <style>. Las dos se reproducen aquí exactamente igual que en un navegador, porque las reproduce el propio navegador, y el GIF graba lo que ves en la vista previa.
Para un GIF que se repita limpio, la grabación debe durar un ciclo completo. La herramienta lee las duraciones escritas en el SVG y ajusta la duración por ti; si tu animación combina varios ciclos de distinta duración, usa su múltiplo común, hasta 10 segundos.
El movimiento que depende de scripts, de pasar el ratón o de hacer clic no se reproduce dentro de una imagen, así que no se puede grabar. Las animaciones que funcionan solas, que son casi todos los iconos, spinners y logotipos animados, sí.
Tamaño, fotogramas por segundo y peso
Un SVG no tiene una resolución fija, así que se dibuja nítido al ancho que elijas: no hay desenfoque por ampliarlo. El peso del archivo crece con el ancho y con el número de fotogramas, así que elige el tamaño más pequeño al que se vaya a ver el GIF.
Diez fotogramas por segundo valen para movimientos lentos y sencillos; 20 son fluidos para casi todos los iconos y spinners; 25, para el movimiento rápido. El arte vectorial de colores planos se comprime muy bien en GIF, y las zonas que no se mueven se guardan una sola vez. Si aun así pesa demasiado, el compresor de GIF lo ajusta a un tamaño exacto. Para un emoji personalizado, GIF a emoji ajusta el resultado a los límites de Discord, Slack o Twitch.
Fondos transparentes
Los SVG suelen tener fondo transparente, y el GIF también puede tenerlo. En un GIF la transparencia es de todo o nada en cada píxel, así que los bordes suaves de las formas vectoriales se vuelven nítidos y algo escalonados, sobre todo sobre fondos oscuros.
Cuando sabes dónde irá el GIF, elige mejor un fondo de ese color: blanco para la mayoría de correos y documentos, negro para chats en modo oscuro. Así los bordes quedan perfectamente suaves.
Seguro por diseño
Un SVG es un documento que puede contener scripts y enlaces a otros archivos. Aquí se abre como imagen, el mismo modo estricto que usan los navegadores para un SVG dentro de una etiqueta <img>: los scripts nunca se ejecutan y no se descarga nada de fuera del archivo. Por eso las fuentes y las imágenes que el SVG enlaza en otras webs no se cargan; las incrustadas, sí.
No se sube nada. La grabación y la codificación ocurren en tu navegador.
Ajustes para animaciones SVG habituales
Puntos de partida. La vista previa reproduce el SVG exactamente como se grabará.
| SVG | Ancho | Fotogramas por segundo | Fondo |
|---|---|---|---|
| Spinner de carga | 240–320 px | 20–25 | El de la página |
| Icono animado | 240 px | 20 | Transparente o blanco |
| Revelación de logotipo para correo | 480–640 px | 20 | Blanco |
| Ilustración o banner | 640–800 px | 10–20 | Su propio fondo |
| Gráfico o animación de datos | 640 px | 10 | Blanco |
Por qué convertir animaciones SVG en GIF
Newsletters
La mayoría de los clientes de correo no admiten SVG, y menos su animación. Un GIF se reproduce en casi todos.
Presentaciones y documentos
PowerPoint, Keynote, Google Slides y muchas herramientas de documentos reproducen GIF donde la animación SVG no funciona.
Chats y redes sociales
Comparte un logotipo o icono animado en Slack, Discord, WhatsApp o en redes sociales.
Entregas de diseño y previsualizaciones
Enseña el movimiento a clientes y compañeros en herramientas que solo muestran imágenes.
README y documentación
Diagramas y demos animados en webs de documentación y repositorios que eliminan la animación SVG.
Stickers y emojis
Convierte emojis y stickers vectoriales en GIF y ajústalos después a los límites de peso de las apps de chat.
Preguntas frecuentes
- ¿Se conserva la animación del SVG?
- Sí. Las animaciones CSS y SMIL se reproducen y se graban en el GIF. Solo el movimiento que depende de scripts o de pasar el ratón o hacer clic no se puede capturar.
- ¿Puedo convertir un SVG estático en GIF?
- Sí. Un SVG estático se convierte en un GIF de un solo fotograma al ancho que elijas, dibujado nítido a partir del vector.
- ¿Por qué la conversión tarda lo mismo que la animación?
- La animación se graba mientras se reproduce, tal y como la ejecuta el navegador, así que un SVG de cinco segundos tarda cinco segundos en grabarse, más un momento para codificar.
- ¿Por qué se ha parado la grabación al cambiar de pestaña?
- Los navegadores pausan las animaciones de las pestañas que no estás mirando, y eso dejaría huecos en el GIF. Mantén la pestaña visible hasta que termine.
- ¿Cómo consigo que el GIF se repita sin saltos?
- Ajusta la duración a exactamente un ciclo de la animación, cosa que la herramienta hace por ti cuando el SVG indica sus duraciones.
- ¿Se sube mi SVG?
- No. Se reproduce, se graba y se codifica en tu navegador, en tu dispositivo.
- ¿Por qué faltan algunas fuentes o imágenes?
- Por seguridad, el SVG se abre como imagen, y así no se cargan fuentes ni imágenes de otras webs. Convierte el texto en contornos, o incrusta las imágenes en el SVG, antes de convertirlo.
- ¿Puedo convertir animaciones Lottie o JSON?
- No directamente: los archivos Lottie son JSON, no SVG. Exporta antes la animación como SVG, o grábala en vídeo.
Herramientas relacionadas
Cambiar velocidad de GIF
Acelera o ralentiza un GIF, o pon el mismo retardo en todos los fotogramas, sin perder calidad.
Comprimir GIF
Reduce el peso de un GIF o ajústalo a un tamaño exacto, como 256 KB o 5 MB.
Crear GIF
Crea un GIF animado a partir de fotos o de un vídeo. Elige el orden, la velocidad, el tamaño y el bucle.
GIF a MP4
Convierte un GIF en un vídeo MP4, normalmente mucho más ligero, conservando su ritmo.
Convertir imagen a SVG
Vectoriza un logotipo o un dibujo lineal a SVG, que se amplía sin píxeles.
Imagen a PNG
Convierte JPG, WEBP, HEIC o AVIF a PNG sin pérdida, con la transparencia intacta.