¿Qué es un archivo SVG?
SVG es un formato de imagen vectorial que se escala a cualquier tamaño sin perder calidad. Aprende qué es y cuándo usarlo para logos, iconos y diagramas.
SVG es un formato vectorial que almacena formas en lugar de píxeles, así que se mantiene nítido a cualquier tamaño. Es el estándar para logos e iconos que deben escalar.
How it works
La respuesta corta
SVG es un formato de imagen vectorial que describe formas, líneas y texto con matemáticas en lugar de una cuadrícula de píxeles. Por eso se mantiene perfectamente nítido a cualquier tamaño, lo que lo hace ideal para logos e iconos. También es un archivo de texto, así que es pequeño y fácil de editar.
Cómo difiere SVG de las fotos
Una foto es una cuadrícula fija de píxeles, así que ampliarla la suaviza. Un SVG almacena instrucciones para dibujar formas, así que se renderiza nítido a 16 píxeles o 1600 píxeles. Por eso SVG es el estándar para gráficos escalables y sitios responsivos.
Por qué SVG se adapta a logos e iconos
Los logos e iconos deben verse nítidos en todas partes, desde un favicon hasta una valla publicitaria. SVG mantiene esos bordes limpios y también admite transparencia y colores planos perfectamente. Es la razón por la que los conjuntos de iconos y los archivos de logo se entregan como SVG.
Cuándo elegir SVG
Elige SVG para logos, iconos, diagramas e ilustraciones simples. Evítalo para fotografías, que tienen demasiado detalle para describir eficientemente como formas vectoriales, y para degradados complejos que inflan el archivo.
SVG y el tamaño de archivo
Un SVG simple suele ocupar unos pocos cientos de bytes, mucho más pequeño que una versión raster. La complejidad sube el tamaño rápidamente, ya que cada curva y punto añade texto. Para gráficos simples SVG es la opción más ligera; para fotos es la herramienta equivocada.
Cuándo SVG necesita rasterizarse
Algunos sistemas no pueden mostrar SVG, como ciertos clientes de correo o editores de imágenes. En esos casos, convierte el SVG a un PNG al tamaño que necesites y se verá idéntico porque el vector se renderiza limpiamente. Usa el convertidor de aquí para hacer ese PNG en tu navegador.
Format comparison
| Format | Compression | Transparency | Browser support | Best for |
|---|---|---|---|---|
| SVG.svg | Lossless (keeps every pixel) | Yes | All browsers | Vector graphics, icons, logos that scale without quality loss |
| PNG.png | Lossless (keeps every pixel) | Yes | All browsers and devices | Screenshots, logos, illustrations with sharp edges and transparency |
Preguntas frecuentes
¿Qué es un archivo SVG?
SVG es un formato de imagen vectorial que almacena formas como matemáticas, así que se escala a cualquier tamaño sin perder calidad.
¿SVG es mejor que PNG?
Para logos e iconos que necesitan escalar, sí. Para fotografías y arte raster complejo, PNG o JPG son mejores.
¿SVG admite transparencia?
Sí. SVG admite transparencia de forma nativa, por eso es ideal para logos sobre cualquier fondo.
¿SVG se puede usar para fotos?
No. SVG describe formas, no píxeles, así que las fotografías se almacenan mucho mejor como PNG, JPG o WebP.