SVG (gráficos vectoriales escalables) es un formato SVG comúnmente utilizado para iconos, logotipos y diagramas. Esta guía cubre las opciones de compatibilidad, compresión, transparencia y conversión.
| Función | Soporte |
|---|---|
| Transparencia | alpha |
| Animación | native_or_css_script |
| Usos primarios | logos, icons, diagrams, charts, responsive graphics |
Extensión
.svg
Compresión
text_or_gzip
Soporte del navegador
modern_major
Inventor
W3C SVG Working Group
organización inventora
W3C
Año de origen
2001
Resolution independent
Text based
CSS/script capable
Poor fit for photos
Requires sanitization for untrusted uploads
SVG es un formato vectorial basado en texto para logotipos, iconos, diagramas, tablas y gráficos responsivos. Se escala limpiamente porque describe formas en lugar de píxeles fijos, pero debe desinfectarse al aceptar cargas que no son de confianza.
SVG fue desarrollado por el W3C como un lenguaje de gráficos vectoriales basado en XML para la web.
Rasterice SVG a PNG cuando se necesite compatibilidad con píxeles fijos. Elija cuidadosamente las dimensiones de salida, la escala, el color de fondo y el manejo de la fuente.
SVG permanece nítido en cualquier tamaño hasta que se rasteriza. Las salidas de PNG/JPG son instantáneas de píxeles fijos de las instrucciones vectoriales.
SVG puede contener metadatos, referencias incrustadas, scripts, enlaces y texto. Desinfecte SVG que no sea de confianza y bloquee las cargas de recursos externos durante la conversión.
Fuerte soporte para navegador y editor de vectores; La representación varía según las fuentes y las características.
format slug
svg
inventor
W3C SVG Working Group
strengths
Resolution independent, Text based, CSS/script capable
use cases
logos, icons, diagrams, charts, responsive graphics
weaknesses
Poor fit for photos, Requires sanitization for untrusted uploads
color depth
Vector color model; rasterization target determines pixel depth.
compression
text_or_gzip
origin year
2001
standard owner
W3C
browser support
modern_major
metadata support
XML metadata, RDF, title, desc
software support
Strong browser and vector-editor support; rendering varies by fonts and features.
animation support
native_or_css_script
compression method
XML text; optional gzip for SVGZ
best source formats
eps, pdf, ai
best target formats
png, pdf, jpg
transparency support
alpha
inventor organization
W3C
El soporte de transparencia SVG es: alfa. Elija un formato de destino con soporte alfa cuando los fondos transparentes sean importantes.
Convierta SVG cuando otro formato se ajuste mejor a las necesidades de compatibilidad, tamaño de archivo, transparencia, metadatos o edición.
Las fuentes faltantes, los recursos externos, CSS o las funciones SVG no compatibles pueden cambiar el resultado rasterizado.
SVG es un marcado y puede contener scripts o referencias externas. El SVG que no es de confianza debe desinfectarse antes de renderizar.
Utilice el tamaño de visualización final o exporte a 2x/3x para pantallas de alta densidad.
Utilice SVG cuando sea compatible con logotipos escalables; utilice PNG como alternativa para flujos de trabajo de ráster fijo.
W3C - official_spec
MDN Web Docs - browser_documentation