SVG es un tipo de formato de imagen que se utiliza en la web, la sigla está por "Scalable Vector Graphics", lo que en español podría entenderse como Gráficos Vectoriales Redimensionales.
Como su propio nombre indica, a diferencia de los formatos de imagen más populares, SVG es un archivo vectorial. Esto implica que el tamaño de la imagen puede ser fácilmente modificada y se seguirá viendo igual de nítida en sus diferentes versiones.
Este formato ha incrementado su popularidad en los últimos años gracias a la importancia de los monitores en alta definición y nuevas tecnologías que permiten acumular una mayor densidad de pixeles en las pantallas lo que mejora el aspecto y la exhibición de imágenes en nuevos dispositivos. Asimismo, su popularidad reciente también se debe a la utilización del diseño responsive y la necesidad de exportar archivos de imagen de alta calidad para diferentes tamaños de pantalla estándar.
SVG puede ser un formato bastante práctico para ciertos recursos web. Este formato no sólo puede ser redimensionado sin perder la calidad o definición de las imágenes que forman parte del SVG, sino que se suelen generar archivos ligeros. Por supuesto, mientras más complicada sea la ilustración o forma, el archivo SVG tendrá mayor peso, así que en ciertas situaciones puede que sea más conveniente optar por otro formato más apto.
Sin embargo, SVG es un formato ideal para ciertos recursos, los cuales mencionaremos a continuación:
- Logos
- Iconos
- Botones
- Patrones sencillos
- Ilustraciones simples
- Mapas
- Gráficos estadísticos
Hoy encontramos una web en la que es posible descargar hasta 50 animaciones SVG de forma gratuita de varios temas: inmobiliarias, informaciónes, calendarios, buscadores, servidores, la web es: unDraw.co
La web da la oportunidad de cambiar la paleta de colores de la ilustración antes de bajarla. Esto es muy útil para que combine con el diseño de nuestro sitio web.
Tenemos dos formas de bajar las ilustraciones, una es en formato SVG y la otra en PNG para usarla como una imagen.