Formato de imagen

SVG

Gráficos vectoriales basados en XML con formas, texto y animación opcional. La exportación a mapa de bits elige una resolución concreta en píxeles.

Explorar el formato

Convertir SVG a

Elige un formato de destino para tus imágenes SVG.

Todas las conversiones (22)

Las conversiones marcadas pueden implicar acoplar las capas, rasterizar, aplicar mapeo de tonos o perder la animación.

Convertir a SVG

Elige un formato de origen para convertir a SVG.

Todas las conversiones (39)

Las conversiones marcadas pueden implicar acoplar las capas, rasterizar, aplicar mapeo de tonos o perder la animación.

Acerca de SVG

Scalable Vector Graphics

SVG es un lenguaje del W3C para describir gráficos bidimensionales en XML. Los trazados, formas, texto, degradados y transformaciones describen cómo debe dibujarse una imagen, en lugar de registrar solo una matriz fija de píxeles. Permite crear gráficos escalables para diagramas, símbolos de interfaz e ilustraciones que deben renderizarse a distintos tamaños.

La opacidad, el recorte y las máscaras pueden crear composiciones transparentes. SVG también puede hacer referencia a imágenes de mapa de bits, fuentes, estilos y recursos externos; estas dependencias afectan a su portabilidad. La animación y los scripts interactivos son posibles en contextos adecuados, pero un SVG cargado como imagen estática puede funcionar en un modo de procesamiento más restringido.

Usa SVG para diagramas, logotipos y símbolos cuyas formas deban escalar con nitidez. Una fotografía incrustada en SVG sigue siendo un mapa de bits y no adquiere detalle vectorial. Para exportar PNG o JPEG, elige las dimensiones, fuentes y fondo de forma deliberada; el renderizado convierte los elementos vectoriales, el texto y el estado de la animación en píxeles.

Características principales

Compresión
No es un códec de píxeles
Transparencia
Sí
Animación
Sí
Extensiones
.svg
Tipo MIME
image/svg+xml
Metadatos
Metadatos XML, title, desc
Ideal para
Diagramas y símbolos escalables
Gráficos vectoriales
Trazados, formas y texto

SVG describe geometría en lugar de usar un códec de píxeles con o sin pérdida. XML puede comprimirse para su transmisión, pero la rasterización es una operación independiente que fija la resolución y puede impedir la edición.

Historia de SVG

SVG se desarrolla mediante las especificaciones del W3C para gráficos web estructurados, con una revisión posterior más alineada con las funciones de la plataforma web.

  1. 2001

    SVG 1.0

    SVG 1.0 se convierte en una Recomendación del W3C que define un lenguaje XML para gráficos vectoriales, texto e inclusión de imágenes de mapa de bits.

  2. 2003

    SVG 1.1

    SVG 1.1 revisa y modulariza la especificación, conservando el modelo gráfico principal. Sus módulos describen funciones que las implementaciones pueden admitir en distintos perfiles.

  3. 2011

    Segunda edición de SVG 1.1

    La segunda edición se publica como Recomendación el 16 de agosto de 2011 e incorpora aclaraciones y correcciones, sin crear un formato de mapa de bits distinto.

  4. 2018

    Recomendación candidata de SVG 2

    El documento SVG 2 del 4 de octubre de 2018 es una Recomendación candidata. Actualiza la integración con CSS y el DOM; este estado no debe confundirse con una Recomendación definitiva del W3C.

SVG en comparación

Cada formato implica distintas ventajas y limitaciones. Elige según la imagen y tu flujo de trabajo.

PNG

SVG frente a PNG

PNG conserva sin pérdida los píxeles decodificados y puede incluir canal alfa. Es útil para gráficos transparentes y capturas de pantalla; no conserva las capas editables de un documento ni los datos del sensor de una cámara, y los archivos fotográficos pueden ser grandes.

PDF

SVG frente a PDF

PDF conserva una descripción de página que puede combinar texto, trazados vectoriales e imágenes de mapa de bits. Es adecuado para documentos con una composición fija; extraer una imagen o rasterizar una página requiere elegir la página, la resolución y el tratamiento del color.

WebP

SVG frente a WebP

WebP combina la codificación de imágenes de 8 bits con o sin pérdida con canal alfa y animación. Es una opción para distribuir imágenes en la web cuando estas funciones importan; las muestras de alta precisión y las estructuras editables del original necesitan otro formato de trabajo.

ICO

SVG frente a ICO

ICO agrupa varios tamaños de icono en un recurso. Es adecuado para iconos de aplicaciones de Windows y favicons compatibles; un formato de imagen general resulta más sencillo para una única imagen a tamaño completo, mientras que exportar iconos requiere elegir los tamaños expresamente.

Preguntas frecuentes sobre SVG

¿Qué guarda este formato?

SVG es un lenguaje del W3C para describir gráficos bidimensionales en XML. Los trazados, formas, texto, degradados y transformaciones describen cómo debe dibujarse una imagen, en lugar de registrar solo una matriz fija de píxeles. Permite crear gráficos escalables para diagramas, símbolos de interfaz e ilustraciones que deben renderizarse a distintos tamaños.

¿Cómo afecta la compresión a la calidad?

SVG describe geometría en lugar de usar un códec de píxeles con o sin pérdida. XML puede comprimirse para su transmisión, pero la rasterización es una operación independiente que fija la resolución y puede impedir la edición.

¿Convertir una foto a SVG la hará escalable?

Incrustar la foto solo envuelve sus píxeles de mapa de bits. Reconstruir trazados requiere un proceso de vectorización independiente y no puede reproducir con exactitud cualquier detalle fotográfico.

¿Qué debo comprobar antes de abrir el archivo?

Comprueba las fuentes, imágenes vinculadas, filtros y modo de procesamiento. Un SVG interactivo independiente y el mismo archivo usado mediante un elemento de imagen pueden ofrecer funciones diferentes.

¿Qué cambia al exportar a otro formato?

La exportación a mapa de bits elige las dimensiones de salida y un estado de renderizado estático. Pierde los trazados y el texto editable; JPEG también acopla la transparencia. Las imágenes de mapa de bits incrustadas limitan el detalle disponible a tamaños mayores.

¿Cuándo resulta útil este formato?

Usa SVG para diagramas, logotipos y símbolos cuyas formas deban escalar con nitidez. Una fotografía incrustada en SVG sigue siendo un mapa de bits y no adquiere detalle vectorial. Para exportar PNG o JPEG, elige las dimensiones, fuentes y fondo de forma deliberada; el renderizado convierte los elementos vectoriales, el texto y el estado de la animación en píxeles.

Fuentes