Convertir SVG a GIF
Dibuje un SVG como imagen GIF al ancho que elija, para sitios que aceptan GIF pero no pueden mostrar archivos vectoriales. El resultado es una imagen fija con una paleta de hasta 256 colores que sigue transparente donde el SVG no tiene nada dibujado.
Convertidor de imágenes
o suelte aquí archivos JPG, JPEG, JPE … ·
Máx. 95 MB por archivo· Hasta 20 archivos· Se borran a los 30 minutos
Los archivos se procesan en nuestros servidores y se borran a los 30 minutos.
Con 85 las fotos se ven idénticas al original. Conviene bajarla solo cuando se necesita un archivo más pequeño.
JPG, BMP y EPS no admiten transparencia. Los píxeles transparentes se rellenan con este color.
Color hexadecimal que se usa detrás de los píxeles transparentes, p. ej., #FFFFFF.
Este formato contiene una sola imagen. Para conservar la animación, elija la salida GIF o WebP.
Un icono de varios tamaños contiene varias resoluciones en un solo archivo; los navegadores y sistemas operativos eligen la que necesitan.
Se conservan las dimensiones originales, o se indica un lado y se mantiene la relación de aspecto.
Píxeles para el lado elegido arriba.
Porcentaje de las dimensiones originales.
sRGB es lo adecuado para pantallas y la web. Para flujos de impresión conviene conservar el original; la escala de grises descarta el color.
Solo metadatos; 0 conserva el valor original. Las impresoras y algunos portales leen este número; no cambia las dimensiones en píxeles.
Cómo usar esta herramienta
- 1
Suba los archivos SVG
Agregue hasta 20 archivos .svg de 95 MB cada uno, desde su computadora o arrastrándolos al área de carga.
- 2
Fije el ancho en píxeles
Esta página dibuja el vector con 600 px de ancho. Cambie el número en Redimensionar imagen de salida dentro de Opciones avanzadas; el alto sigue las proporciones del dibujo.
- 3
Convierta a GIF
Pulse Convertir a GIF y descargue cada imagen, o todo el conjunto en un ZIP. Revise un archivo sobre el fondo en el que irá antes de usarlo.
Convertir SVG a GIF cambia un dibujo sin resolución fija por una cuadrícula fija de 256 colores como máximo, lo que va bien para logotipos e iconos planos y mal para degradados.
Rasterizar SVG a GIF al ancho que necesita
Un SVG es un conjunto de instrucciones: dibuje este trazado, rellénelo con este color, coloque este texto. Un GIF es lo contrario, una cuadrícula de píxeles que apuntan cada uno a una de hasta 256 entradas de paleta. Convertir significa dibujar las instrucciones una vez a un ancho en píxeles elegido y guardar el resultado, por eso el ancho de Redimensionar imagen de salida importa aquí más que cualquier otro ajuste. Esta página empieza en 600 px.
GIF data de 1987, cuando lo publicó CompuServe, y su revisión de 1989, GIF89a, añadió transparencia y retardos entre fotogramas. Esa antigüedad es hoy su mayor fortaleza: el software que rechaza formatos más nuevos, desde motores de foros antiguos hasta algunos clientes de correo y redes publicitarias, sigue mostrando GIF. Un SVG, en cambio, está bloqueado en muchos formularios de carga porque es XML que podría contener scripts.
Como la fuente es vectorial, puede dibujarla a cualquier ancho sin perder nitidez. Elija el tamaño al que se mostrará realmente el GIF; ampliar después un GIF pequeño trae de vuelta el desenfoque que el SVG nunca tuvo.
| from ↓ · to → | Fondo transparente | Bordes suaves semitransparentes | Más de 256 colores | Animación |
|---|---|---|---|---|
| GIF | GIF to Fondo transparente: yes | – GIF to Bordes suaves semitransparentes: no | – GIF to Más de 256 colores: no | GIF to Animación: yes |
| PNG | PNG to Fondo transparente: yes | PNG to Bordes suaves semitransparentes: yes | PNG to Más de 256 colores: yes | – PNG to Animación: no |
| WEBP | WEBP to Fondo transparente: yes | WEBP to Bordes suaves semitransparentes: yes | WEBP to Más de 256 colores: yes | WEBP to Animación: yes |
| JPG | – JPG to Fondo transparente: no | – JPG to Bordes suaves semitransparentes: no | JPG to Más de 256 colores: yes | – JPG to Animación: no |
SVG
Scalable Vector Graphics
SVG es un formato vectorial basado en XML estandarizado por el W3C en 2001. En lugar de píxeles, describe formas, trazados y texto, por lo que se mantiene nítido a cualquier tamaño y suele ocupar muy poco en logotipos e iconos. Admite transparencia, estilos CSS, scripts y animación, y todos los navegadores lo muestran de forma nativa. SVG no es adecuado para fotografías, y las ilustraciones complejas pueden tardar en renderizarse. Illustrator, Inkscape, Figma y los navegadores pueden abrirlo y editarlo.
- Compresión
- –
- Transparencia
- Sí
- Animación
- Sí
- Presentado en
- 2001 · W3C
GIF
Graphics Interchange Format (GIF)
CompuServe presentó GIF en 1987, y sigue siendo el formato más compatible para animaciones cortas en bucle. Es sin pérdida, pero está limitado a una paleta de 256 colores por fotograma, por lo que las fotos y los degradados muestran bandas y tramado. Solo admite transparencia de todo o nada (1 bit), lo que deja bordes dentados en las formas curvas. Los GIF animados suelen ser mucho más grandes que el mismo clip en MP4 o WebP. Todos los navegadores, aplicaciones de chat y plataformas sociales reproducen GIF.
- Compresión
- Sin pérdida
- Transparencia
- Sí
- Animación
- Sí
- Presentado en
- 1987 · CompuServe
Pasar de SVG a GIF sirve para destinos anclados en GIF, como firmas de correo, foros antiguos y espacios publicitarios, que necesitan una imagen plana y ligera de un logotipo vectorial; convertir un GIF en SVG es un trabajo de vectorización para recuperar un diseño escalable.
SVG animado a GIF: lo que no se convierte
Se descartan las animaciones SMIL, CSS y por script
Un SVG que se mueve en el navegador mediante elementos animate, keyframes CSS o JavaScript se convierte en un único fotograma GIF fijo con el estado inicial. Para un GIF en movimiento, grabe la animación como video y conviértalo con la herramienta de video a GIF.
256 colores y transparencia de un bit en la práctica
La mayoría de los logotipos SVG usan unos pocos colores planos, así que el límite de la paleta no cuesta nada. Los puntos problemáticos son los bordes suavizados y los degradados. Cada borde curvo de un SVG renderizado contiene píxeles intermedios parcialmente transparentes; GIF tiene que hacer cada uno totalmente visible o totalmente transparente, lo que puede dejar un contorno escalonado o un reborde pálido.
La solución es decidir el fondo antes de convertir. Si el GIF irá sobre el cuerpo blanco de un correo, dé al SVG un rectángulo de fondo blanco; sobre un tema oscuro de foro, use el color de ese tema. Así los píxeles del borde se funden con el color correcto y el contorno queda suave. Si no puede saberlo de antemano, PNG es más seguro.
Preguntas sobre convertir SVG a GIF
¿Por qué usar GIF en lugar de PNG para un logotipo SVG?
Solo cuando el destino exige GIF, como un CMS antiguo, una firma de foro o una plantilla de anuncio que indica GIF como tipo de imagen. PNG conserva los bordes suaves y colores ilimitados, así que de SVG a PNG es la mejor opción por defecto cuando se permiten ambos.
¿Mi SVG animado se convertirá en un GIF animado?
No. El convertidor dibuja el SVG una sola vez, en su estado inicial, así que los elementos de animación SMIL, los keyframes CSS y los scripts no se ejecutan y obtiene un único fotograma fijo. Para capturar el movimiento, grabe la animación en un navegador como video y luego use video a GIF.
¿Por qué los bordes de mi logotipo SVG salen dentados o con un halo claro en el GIF?
La transparencia GIF es todo o nada para cada píxel, así que los píxeles de borde suaves y parcialmente transparentes de un SVG deben conservarse o descartarse. Los bordes fundidos para un fondo muestran un reborde sobre otro. Añada un rectángulo de fondo del color de la página de destino antes de convertir, y los bordes se fundirán limpiamente.
¿Qué pasa con los degradados del SVG al pasarlo a GIF?
Una paleta GIF tiene como máximo 256 colores, así que los degradados suaves deben aproximarse. Los degradados cortos se ven bien; los grandes y sutiles muestran escalones o un patrón de tramado punteado. Los logotipos e iconos de colores planos, el contenido habitual de un SVG, caben fácilmente en la paleta.
¿Puedo usar en una firma de correo el GIF creado desde un SVG?
Sí, y es uno de los principales motivos por los que se necesita esta conversión. Gmail y Outlook no muestran imágenes SVG en los mensajes, mientras que los clientes de correo muestran GIF desde hace décadas. Mantenga un ancho moderado, entre 300 y 600 px, para que la firma siga siendo ligera.
¿Qué ajustes de tamaño del SVG lee el convertidor a GIF?
Usa el ancho, el alto y el viewBox del dibujo para calcular las proporciones y luego lo dibuja al ancho en píxeles que usted fije. Como la fuente es vectorial, elegir un ancho mayor no cuesta nitidez, solo peso del archivo.
Herramientas relacionadas de SVG y GIF
- Convertir SVG a PNGRasterice logotipos e iconos SVG a PNG con el ancho que elija, 1024 px por defecto, sin perder el fondo transparente. Vea cómo se relacionan DPI y píxeles.
- Convertir PNG a GIFConvierta imágenes PNG a GIF para herramientas y plantillas que solo aceptan GIF. Vea antes qué hacen la paleta de 256 colores y la transparencia de 1 bit.
- Convertir JPG a GIFConvierta imágenes JPG en GIF para avatares de foros, firmas de correo y programas que solo leen GIF. Lotes de 20, salida de 256 colores, sin cuenta.
- Convertir imagen a GIFConvierta JPG, PNG, WebP, HEIC, SVG y otras imágenes a GIF para foros, firmas de correo y sistemas antiguos. 20 archivos por lote, sin cuenta ni marca de agua.
- Convertir SVG a JPEGConvierta SVG a JPEG para portales y gestores de contenido que rechazan vectores. Fondo blanco, 1920 px de ancho por defecto, 20 archivos por lote, sin cuenta.
- Convertir GIF a PNGConvierta un GIF a PNG conservando la transparencia: tome el primer fotograma como imagen fija o exporte cada fotograma de una animación como PNG aparte.