SVG (Scalable Vector Graphics)
SVG es un formato de imagen vectorial basado en XML que se escala a cualquier resolución sin perder calidad. Es ideal para logotipos, iconos, ilustraciones y gráficos interactivos en la web. Los archivos SVG se pueden estilizar con CSS, animar con JavaScript y son totalmente indexables y accesibles.
Tipo MIME
image/svg+xml
Tipo
Texto
Compresión
Sin pérdida
Ventajas
- + Infinite scalability without quality loss
- + Tiny file sizes for simple graphics
- + Styleable with CSS and scriptable with JS
- + Accessible and SEO-friendly (text is selectable)
Desventajas
- − Not suitable for photographs or complex raster images
- − Complex SVGs can be large and slow to render
- − Security concerns when accepting user-uploaded SVGs
Cuándo usar .SVG
Usa SVG para logotipos, iconos, ilustraciones, gráficos y cualquier elemento gráfico que necesite escalarse perfectamente a cualquier resolución o estilizarse con CSS.
Detalles técnicos
SVG almacena imágenes como texto XML que describe formas geométricas, trazados y texto. Admite filtros, degradados, rutas de recorte, máscaras e imágenes ráster incrustadas.
Historia
SVG fue desarrollado por el W3C y publicado por primera vez como recomendación en 2001. SVG 1.1 se convirtió en el estándar ampliamente adoptado en 2003; SVG 2 está actualmente en desarrollo.
Convertir desde .SVG
Convertir a .SVG
Formatos relacionados
Términos relacionados
Learn More
Color Theory for Digital Design: A Practical Guide
Understanding color theory helps you create visually harmonious designs that communicate effectively. This guide covers color models, harmony rules, accessibility …
CSS Units Explained: px, em, rem, vh, and When to Use Each
CSS offers over a dozen length units, each suited to different situations. Understanding the differences between absolute and relative units …
Image Format Guide: JPEG vs PNG vs WebP vs AVIF
Choosing the right image format affects file size, quality, and browser compatibility. This comparison covers the strengths of JPEG, PNG, …
QR Code Generation: Best Practices for Print and Digital
QR codes bridge physical and digital experiences, but poorly generated codes fail to scan. This guide covers sizing, error correction, …
Flexbox vs CSS Grid: A Practical Comparison
Flexbox and CSS Grid are complementary layout systems, not competitors. This guide clarifies when to reach for each one and …
How to Convert Images Between Formats
A practical guide to converting between image formats like JPEG, PNG, WebP, SVG, and HEIC. Learn which conversions are lossless, …