Formato de imagen
¿Qué es un archivo .svg?
SVG (Scalable Vector Graphics) es un formato de imagen hecho de formas en lugar de píxeles. Se mantiene nítido a cualquier tamaño, y por eso es el formato habitual de logotipos e iconos en la web.
Un SVG es un archivo de texto escrito en XML, así que se puede editar con código y dar estilo con CSS. No sirve para fotos, que no tienen formas que describir.
fileclay abre SVG pero no lo escribe
SVG, PNG y PDF comparados
| SVG | PNG | ||
|---|---|---|---|
| Contenido | Vectores | Píxeles | Vectores y píxeles |
| Escalado | Siempre nítido | Se emborrona al ampliar | Lo vectorial sigue nítido |
| Transparencia | Sí | Sí | Sí |
| Navegadores | Todos | Todos | Todos |
| Ideal para | Logotipos, iconos | Capturas, gráficos | Documentos, imprenta |
Cuándo usar SVG
Va bien para
- Logotipos que aparecen a muchos tamaños
- Iconos e ilustraciones simples en una web
- Gráficas y diagramas
No es buena opción para
- Fotos: necesitan píxeles
- Dibujos muy detallados, que generan archivos enormes
- Aplicaciones que solo aceptan PNG o JPG
Cómo abrir archivos .svg
| Plataforma | Aplicación | Notas |
|---|---|---|
| Navegadores | Chrome, Safari, Firefox, Edge | Arrastra el archivo a una pestaña |
| Editores | Inkscape, Illustrator, Figma | Edición completa |
| Cualquier sistema | Un editor de texto | Muestra el código |
Convertir archivos SVG
Preguntas sobre SVG
¿SVG es mejor que PNG?
Para logotipos e iconos, sí: sigue nítido a cualquier tamaño. Para fotos y capturas, lo adecuado es PNG.
¿Un SVG puede contener una foto?
Sí, incrustada como imagen, pero esa parte sigue siendo píxeles y no escala bien.
¿Es seguro subir un SVG?
Puede contener scripts, así que muchas webs rechazan o limpian los SVG subidos.
¿Se pierde algo al convertir SVG a PNG?
El archivo pasa a píxeles con un tamaño fijo, así que deja de escalar bien.