Qué es realmente un SVG
Abre un SVG en un editor de texto y verás que es texto legible. Está escrito en XML, un formato de etiquetas sencillo, y cada forma se describe con números y palabras. Un elemento path traza un contorno. Un rect dibuja un rectángulo. Los elementos de texto contienen letras reales y seleccionables. Nada queda fijado en una cuadrícula fija de puntos.
Ese es todo el truco. Una foto tiene un número fijo de píxeles, así que ampliarla la vuelve borrosa y pixelada. Un SVG no tiene resolución fija. Cuando lo escalas, las matemáticas simplemente se recalculan, así que un logo se ve tan nítido en una tarjeta de presentación como en una valla publicitaria. Para arte plano con unas pocas formas, el archivo suele ser diminuto además, porque almacenas una receta corta en lugar de millones de puntos de colores.
Para qué sirve SVG
SVG se gana su lugar con logos, iconos y gráficos web. Un solo archivo de logo escala a todos los tamaños que jamás necesitarás, así que no exportas diez PNG distintos. Los iconos se mantienen perfectamente nítidos en pantallas de alta resolución. Los gráficos, diagramas e ilustraciones construidos con formas limpias también se adaptan bien al formato.
Es menos adecuado para fotografías. Una imagen de un rostro o un paisaje no tiene formas definidas que describir, así que un formato rasterizado como JPG o PNG es la herramienta correcta en ese caso. Guía rápida: si pudieras dibujarlo con un bolígrafo, SVG probablemente encaja. Si salió de una cámara, probablemente no.
Cómo abrir y editar un SVG
Abrir uno es fácil. Todos los navegadores web modernos leen SVG, así que puedes arrastrar el archivo a Chrome, Safari, Firefox o Edge y verlo de inmediato. Eso es verlo, no editarlo. Para cambiar las formas, los colores o el texto necesitas un editor vectorial que entienda el formato.
Algunos editores requieren instalación y una licencia. También puedes hacerlo en el navegador. Rayzia abre y edita SVG en línea gratis en rayzia.com/vector/, y el archivo permanece en tu dispositivo hasta que decidas guardarlo en la nube. El documento que editas es un SVG real todo el tiempo, así que lo que exportas es exactamente lo que dibujaste, sin ningún paso de conversión que lo enturbie.
Un estándar abierto que no pertenece a nadie
SVG no es un formato propietario ligado al software de una empresa. Es un estándar abierto mantenido por el W3C, el mismo grupo detrás de HTML y CSS, y lo ha sido durante más de dos décadas. Cualquier herramienta es libre de leerlo y escribirlo.
Eso importa a largo plazo. Los archivos en un formato cerrado pueden dejarte atrapado cuando el software que los creó desaparece o cambia de manos. Un estándar abierto basado en texto como SVG seguirá abriéndose en un navegador dentro de años, y puedes moverlo entre cualquier herramienta que lo soporte sin perder tu trabajo.
Preguntas frecuentes
¿Es SVG mejor que PNG o JPG?
Depende de la imagen. SVG gana con logos, iconos y gráficos planos porque se mantiene nítido a cualquier tamaño y suele tener un archivo más pequeño. PNG y JPG son mejores para fotografías, donde no hay formas limpias que describir con matemáticas.
¿Puedo abrir un SVG sin software especial?
Sí. Cualquier navegador web moderno abre y muestra archivos SVG, así que basta con arrastrar uno a Chrome, Firefox, Safari o Edge para verlo. Sin embargo, para cambiar lo que hay en el archivo necesitas un editor vectorial.
¿Cómo edito un archivo SVG?
Necesitas un editor vectorial, no una app de fotos. Puedes hacerlo en el navegador gratis con Rayzia (rayzia.com/vector/): abre el SVG, edita las formas, el texto y los colores, y luego exporta de vuelta a SVG o PNG.
¿Es seguro usar archivos SVG en mi sitio web?
Sí, y son ideales para la web. Los navegadores los renderizan de forma nativa, se mantienen nítidos en pantallas de alta resolución, y los simples son pequeños, así que cargan rápido. SVG es un estándar abierto del W3C, el mismo organismo detrás de HTML y CSS.