¿Qué es SVG?

Foto de Marcus Tavares
Por

Entiende todo sobre este archivo de gráficos vectoriales que es una solución contra las imágenes distorsionadas

Imagem de ¿Qué es SVG?
Anúncio

SVG es un formato de archivo basado en XML que crea gráficos escalables, lo que significa que los gráficos no se distorsionan cuando se les cambia el tamaño, a diferencia de otros tipos de imágenes como PNG y JPG. Además, SVG puede integrarse directamente en el código fuente de un sitio web y mezclarse directamente con HTML, que es un lenguaje muy similar a la estructuración XML. SVG es la abreviatura de Scalable Vector Graphics, que en portugués significa Scalable Vector Graphics.

SVG es una excelente solución para crear logotipos y dibujos que deben reproducirse constantemente en diferentes tamaños. Si hoy tiene un archivo de imagen en formato PNG que contiene, por ejemplo, el logotipo de su empresa, y este archivo de imagen no tiene la resolución ideal para imprimirse en un banner grande, tendrá una impresión pixal, es decir, tendrá ver todos los píxeles que componen la imagen. Sin embargo, en formato SVG este problema no ocurre, porque una imagen SVG se puede expandir infinitamente sin distorsión.

Además de no tener gráficos distorsionados, los archivos SVG ocupan menos espacio en disco

Además, un archivo SVG puede ocupar menos espacio que un archivo de imagen común, como PNG o JPG, para formar el mismo diseño con una calidad infinitamente mejor.

Para tener una idea, considere la letra S del logotipo de Seletronic en un archivo PNG con una resolución de 1080×1080 píxeles, que contiene un tamaño de archivo de 55,1 KB. El mismo dibujo SVG contiene solo 2,87 KB y se puede expandir infinitamente sin distorsionar la imagen, a diferencia del archivo PNG.

En el siguiente ejemplo, puede ver lo que sucede al expandir una imagen normal a la izquierda y al expandir una imagen SVG a la derecha. Este ejemplo es muy común en Internet.

Vectorización de imágenes

Si SVG es una solución para crear imágenes perfectas, seguro que a la hora de crear un logo elegiremos diseñadores que nos entreguen el trabajo en este increíble formato. Pero, ¿y si nuestro logo ya estuviera hecho en formato PNG, o peor aún en JPG u otro formato que no se pueda cambiar de tamaño sin perder calidad?

Para ello existe la vectorización, que consiste en redibujar una imagen en un formato escalable. Hoy en día, la mayoría de los diseñadores gráficos que realmente hacen un buen trabajo ya saben cómo hacer este tipo de trabajo.

Herramientas de vectorización y dibujo vectorial

Si eres del tipo de bricolaje y quieres aprender a hacer dibujos vectoriales, debes saber que hay al menos miles de tutoriales en Internet y especialmente en Youtube que te enseñan cómo crear dibujos vectoriales y cómo transformar un común. imagen en un vector. Para ello se utilizan herramientas de dibujo diseñadas específicamente para este fin, y entre ellas tenemos herramientas de pago y gratuitas.

Pero no se deje engañar, una herramienta de dibujo gratuita no lo limita a nada en comparación con una herramienta paga.

La herramienta de dibujo libre más utilizada en la actualidad, sin duda, es Inkscape, que es un software gratuito para la autoedición de imágenes y documentos vectoriales. Esta herramienta es simplemente increíble y tiene todas las funciones que necesita para crear cualquier diseño.

Otras herramientas muy famosas pero de pago son Adobe Illustrator, que es un editor de imágenes vectoriales desarrollado y comercializado por Adobe (la misma empresa que el famoso Photoshop), y CorelDRAW, que es un editor de imágenes vectoriales desarrollado y comercializado por Corel Corporation.