Un archivo SVG (Scalable Vector Graphic) es una imagen gráfica que puede ampliarse y reducirse de tamaño sin perder calidad.
Esto se debe a que la imagen se compone de vectores en lugar de píxeles. Los vectores son trayectorias que constan de un punto inicial y un punto final con una línea, una onda, un círculo u otra forma en medio. La siguiente imagen muestra la diferencia entre un archivo de píxeles (izquierda) y un archivo SVG (derecha).
Si se amplía un SVG, se recalcula la distancia entre los trazados y se ajusta en la proporción correcta. Por último, los caminos se vuelven a rellenar con los colores correspondientes. De este modo, un archivo SVG puede ampliarse infinitamente sin reducir la calidad de la imagen.
Contrapartida del archivo SVG: archivo de píxeles
Un archivo de píxeles (como un JPG o PNG) es la contrapartida de un SVG. La principal diferencia entre ambos es que un archivo de píxeles se convierte en un bloque cuando se amplía, mientras que un archivo SVG puede ampliarse sin limitaciones y sin perder calidad. Muchos de los archivos que se encuentran en Internet son archivos de píxeles. Y, por lo tanto, (a menudo) no es adecuado para la impresión.
¿Para qué usar SVG?
Los archivos SVG se utilizan principalmente en los sitios web. Por ejemplo, para mostrar logotipos, iconos, gráficos sencillos y animaciones. Esta elección se hace a menudo porque:
- Un SVG es el único formato de archivo vectorial que puede utilizarse en los sitios web. Otros archivos vectoriales, como EPS, AI o PDF, no son adecuados para este fin.
- El tamaño de un archivo SVG suele ser pequeño. Esto hace que su sitio sea rápido.
Tengo un SVG, pero no es nítido, ¿cómo es posible?
Esto se debe a que en realidad se trata de un archivo de píxeles, que se guarda como SVG. De este modo, sólo cambia el tipo de archivo (de PNG a SVG, por ejemplo). Lo más importante no cambia: la estructura del archivo. Queda en píxeles en lugar de vectores.
La solución es sencilla: hay que convertir los píxeles del archivo en vectores. ¿No te apetece hacerlo tú mismo? Podemos ayudarle con eso.