fbpx

¿Qué es el formato de imágenes SVG y para que sirve?

By 10 septiembre 2020septiembre 14th, 2020Desarrollo web, Diseño Web
Gráficos vectoriales escalables - Wikipedia, la enciclopedia libre

Algunas vez te ha ocurrido que cuando deseas ampliar una imagen se ha “pixelado” se ha perdido la definición al intentar aumentar su tamaño. Esto ocurre con las imágenes estándar (mapa de bits), como los archivos .jpg, .png, .gif, etc. Pero no con las imágenes vectoriales.  A diferencia, de los mapas de bits, las imágenes vectoriales pueden ser redimensionada al tamaño que deseas sin perder calidad de imagen.

Una de las ventaja que tienen este tipo de imágenes es que tienen un tamaño menor a diferencias de las estándar. por ellos las personas que se dedican a elaborar vallas publicitarias la utilizan ya que les brinda mejoras en su trabajos realizados.

vamos a definir que es una imagen SVG (Scalable Vector Graphics), son Gráficos Vectoriales Redimensionables, es un formato de gráficos vectoriales bidimensionales, tanto estáticos como animados, en formato XML. Este tipo de formato se convirtió en una recomendación del W3C en septiembre de 2001 con el que todos los navegadores fueron renovándose para poder soportar este formato. este formato son escasos las personas que lo utilizan, pero es muy útil, por ejemplo, en entornos web. La mayoría de la gente utiliza archivos de mapas de bits como JPG. O PNG y GIF si se necesita un fondo transparente o una imagen animada.

El formato SVG (Scalable Vector Graphics) es equivalente al que se utiliza en los populares programas como Adobe Illustrator o Corel Draw. En segundo lugar, es un estándar abierto y compatible. El formato Flash, que también es vectorial, era propiedad de Macromedia y, después de la absorción, era propiedad de Adobe, con los quebraderos de cabeza que ha ocasionado en los usuarios de Apple.

 Al principio, no se podía usar en todos los navegadores pero actualmente todos los navegadores lo soportan: Google Chrome, Firefox, Safari… No obstante, al ser un formato basado en XML hay que tener nociones de escritura de código para hacer que funcione adecuadamente allí donde lo usemos. En tercer lugar, los archivos SVG permiten utilizar las tipografías (tipos de letra) con trazados y también permite incluirlas dentro del propio archivo en formato TrueType y Tipo 1. Esto ofrece una gran capacidad para que los motores de búsqueda sean capaces de indexarlo; con lo que ello significa para mejorar el SEO (Search Engine Optimization).

como cuarto punto tenemos que los archivos SVG soportan estilos CSS, de tal manera que si cambiamos el estilo de nuestra web también se cambiará dentro del archivo. Por último, ayudan en el diseño responsive, es decir, facilitan el diseño de web apps que se adapten a cualquier pantalla, ya sea de un ordenador, de una tablet o de un smartphone.

Así pues, este formato vectorial además de ofrecer ventajas para el diseño gráfico en general, ofrece muchas oportunidades para los entornos digitales como las web apps de una marca. Si se está realizando una campaña de marketing digital y se quiere diseñar los diferentes gráficos que formaran parte de una web, este es el formato óptimo a utlizar para la elaboración de la misma.

Deja un comentario

Abrir chat