A continuación te mostraremos cuales son los formatos de imágenes y como utilizarlas en función a sus características.

PNG

Son imágenes que tienen fondo transparente, te permitirá utilizarlo para tu logo, web, etc.

SVG

Son imágenes en vector, por eso calidad manteniendo un peso pequeño, además te permite generarle interactividad que pueden ser empaladas en tu web.

ICO

Son imágenes en formato de icono, la resolución que mas frecuente es la de 16x16 o 32x32. Se encuentra en las pestañas del navegador (favicon)

GIF

son imágenes en movimiento que te permiten genera un gran impacto, pero también hay que considerar que no es compatible con todo los programas o aplicaciones.

JPG

Son imágenes que comprimen información y calidad obteniendo así archivos de peso pequeño.

WEBP

son imágenes optimizadas para web, la cuales mantienen un peso pequeño y buena calidad.

Empieza Ahora

Evalúa cuáles formatos son los más convenientes para tu proyecto y desde ahora podrás utilizar los formatos ideales para cada ocasión. ¡Hasta la próxima!

Actualmente, por diversas ventajas que nos ofrece el formato SVG, se ha convertido en una opción muy recomendable para usarlo en la web.

¿Qué es SVG?

Significa Gráficos Vectoriales Escalables (Scalable Vector Graphics) creado en base a vectores y por más que agrandemos o achiquemos la imágen esta no perdará calidad.

Usos comunes del formato SVG

SVG es un formato bastante versátil. Se puede utilizar para:

• Logos
• Iconos
• Botones
• Patrones
• Ilustraciones
• Gráficos estadísticos

Ventajas del SVG

Para que conozcas un poco más de este formato de imágen, aquí te presentamos algunas razones principales por las que deberías empezar a usar SVG.

• SVG es un formato vectorial, escalable a cualquier tamaño, permaneciendo súper nítidos en cualquier resolución.


• El tamaño archivo SVG es bastante ligero, estos pueden comprimirse, por lo que nos dan la posibilidad de optimizar la velocidad de carga de nuestros sitios web,


• El comportamiento de las imágenes en SVG son definidos a través de XML, esto implica que este formato puede ser indexado, comprimido y programado.



• Puedes animarlo, agregar sombras paralelas, cambiar de color y realizar una gran cantidad de modificaciones utilizando estilos CSS, aportando interactividad a tus proyectos web.

Consideraciones a tener en cuenta

Es importante considerar que en algunos casos optar por imágenes en Mapa de bits (JPG, PNG Y GIF) en lugar de SVG será la más adecuado.

• Se pueden generar archivos pesados si el diseño contiene muchos detalles, por ello es recomendable que para la web se crean formas simples.


• Este formato no es apto para fotos. Si estás pensando en crear una galería para tu web, recuerda que el formato más apto para ellas es JPG o PNG.

¡Llego el momento! Empieza a implementar recursos SVG en tus proyectos web. Conseguirás tener imágenes en gran calidad en cualquier dispositivo. Además de proporcionarte una mayor velocidad de carga a tus web.