Enlace a facebook.
digitalDot diseño webLogo Diseño Web digitalDot

Diseño de imágenes en SVG ¡Utilízalo!

Diseño en SVG. digitalDot
Escrito por Digitaldot
10 de septiembre de 2019
Tiempo de lectura 4 min

No hay nada mejor que la jerga de los profesionales de diseño gráfico para que nadie les entienda: que si .jpg que si .png que si .webp, que si .tif; ellos se aclaran y seguro que tú también sabes de lo que estamos hablando, y, por eso, vamos a añadir otro formato más, a parte de los que ya os hemos mencionado.
Para todos aquellos que estáis diseñando web, optimizando imágenes o creando contenido para vuestro blog os interesa conocer otro término más SVG.

Si queréis podemos jugar a saber qué significan esas siglas y así a bote pronto se nos ocurre:

  • Socorro Veo Gamberros
  • Siempre Vigilando Gaviotas
  • Solo Visitas Graciosas
  • Soluciones Vía Google…

Pero, si no queréis perder el tiempo lo mejor es que vayamos al grano.

¿Qué es SVG, para qué sirve y por qué utilizarlo?

SVG son las siglas de Scalable Vector Graphics o, lo que es lo mismo, un formato vectorial para tus imágenes muy útil para los que nos movemos en el mundo online.

¿¡Cómo que no sabes lo que es una imagen vectorial?! Venga bah, explicamos, una imagen vectorial es aquella que puedes ampliar casi hasta el infinito y más allá y no se pixela.

Las imágenes .jpg, .png, o .gif, son los formatos más conocidos y no dan ningún problema salvo que quieras convertir la foto de tu amor platónico en una valla de publicidad, prueba a hacerlo y te dará la risa porque la imagen se quedará más pixelada que la cara de los hijos de los famosos cuando salen en Sálvame.

A diferencia de los mapas de bits (jpg, gif, png) las imágenes vectoriales pueden redimensionarse sin pérdida de calidad y sin convertirse en “pesos pesados” ?

Lo que más nos interesa, a nivel de diseño web, es que gracias a las imágenes SVG vamos a conseguir páginas web y tiendas online Responsive.

Dicho lo cual vamos a lo que nos interesa.

Ventajas formato SVG. digitalDot

Ventajas de utilizar las imágenes en SVG

El formato SVG es un formato abierto, estándar y basado en XML recomendado por W3C.

Una de las mayores ventajas es la posibilidad que tiene de redimensionarse, por lo que, en el caso de los diseños responsive ya no habrá necesidad de sustituir, por ejemplo, un icono por otro más pequeño, ¿por qué? porque si utilizas un icono en formato SVG se reducirá en función del tamaño de la pantalla.

Es escalable y además pesa poco lo que mejorará los tiempos de carga de la web y por ende el posicionamiento orgánico.

Cuando se está cargando en una web se muestra de forma progresiva por lo que da la sensación de mayor velocidad de respuesta.

Hablando de mejoras en el posicionamiento SEO, el formato SVG permite incluir las tipografías dentro del archivo en formato TrueType y Tipo 1 lo que contribuye a su indexación por parte de los motores de búsqueda. Dicho de otro modo, al ser un lenguaje XML es indexable.

Los archivos SVG soportan estilos CSS, así que se realizamos un cambio en el estilo de nuestra web también se cambiará dentro del archivo. Además de admitir acciones como los rollovers (cambios al pasar el cursor por encima).

Como veis todo son ventajas. Si estáis con el diseño de una página web no dudéis en probar a utilizar las imágenes SVG. Y, recordad, en digitalDot tenemos a vuestra disposición un servicio de diseño web para tener desde el principio una página rápida, atractiva y funcional en todos los dispositivos. ¡Ven a conocernos!

Ventajas formato imagen SVG. digitalDot
,

Noticias relacionadas sobre Actualidad web

Módulo slider responsive para PrestaShop

Módulo slider responsive para PrestaShop

Con la actual crisis, sabemos que muchos habéis optado por el lanzamiento de vuestra tienda online, y habéis apostado por Prestashop como la mejor opción para gestor CMS de vuestra tienda.   En esta ocasión y con los recientes avisos por parte de Google, queremos informaros a todos los que…

Qué es UCP y cómo funciona técnicamente

Qué es UCP y cómo funciona técnicamente

El comercio online ya no es lo que solía ser. Ahora, no solo tienes que preocuparte de que tu tienda funcione bien, sino que también debes estar listo para que agentes de inteligencia artificial hagan el trabajo por ti. Esto es posible gracias a UCP (Universal Commerce Protocol), un protocolo…

Canal de denuncias obligatorio para empresas

Canal de denuncias obligatorio para empresas

El cumplimiento normativo ya no es algo que las empresas puedan dejar de lado en España. Desde la entrada en vigor de la Ley 2/2023 de protección de informantes, muchas organizaciones han tenido que adaptarse e implantar un canal de denuncias que permita comunicar irregularidades de forma segura y confidencial.…

AI Overviews y AI mode

AI Overviews y AI Mode: por qué tu web puede seguir posicionando pero recibir menos clics

Hubo un tiempo en el que mirar el posicionamiento en Google y mirar los clics era casi la misma película. Si subías posiciones, subían las visitas. Si entrabas en primera página, había premio. No era un sistema perfecto, pero al menos la lógica general se entendía. Ahora la cosa se…

Ley de consumidores tienda online

En qué afecta la nueva Ley de consumidores para tu tienda online

Si vendes online a consumidor final, esta ley te afecta directamente. El Real Decreto Legislativo 1/2007, que aprueba la Ley General para la Defensa de los Consumidores y Usuarios, es la norma que regula las ventas B2C en España. No depende del sector, ni del tamaño de tu empresa, ni…

Vulnerabilidades encontradas en Prestashop

Vulnerabilidades de seguridad detectadas en el módulo PrestaShop "gsnippetsreviews"

A comienzos de enero de 2026, nuestro equipo de seguridad web de digitalDot identificó dos vulnerabilidades relevantes en el módulo gsnippetsreviews para PrestaShop, un módulo verificado y ampliamente utilizado en tiendas online basadas en esta plataforma. La detección se produjo a raíz de una incidencia real en un cliente nuestro,…

Elige el dominio para tu web. digitalDot

La importancia de elegir un buen dominio

Cuando nos planteamos tener una web enseguida nos salta la duda de cómo se va a llamar. El dominio, es ese nombre, único y exclusivo, que vamos a otorgar a nuestra página, ecommerce o blog y que permitirá a los usuarios acceder a nuestra web. La elección de un dominio…

Parámetro srsltid de Google

¿Qué es el parámetro "srsltid" y por qué aparece en las URLs de mi sitio web?

Si tienes una tienda online y has estado monitoreando tu tráfico en los últimos meses, es posible que hayas notado la aparición de un nuevo parámetro en tus URLs: ?srsltid. Esto ha comenzado a generar confusión entre dueños de tiendas y expertos en SEO, debido a cómo afecta la atribución…

digitalDot Partner de Klaviyo

Klaviyo: Plataforma para automatización de marketing digital

Si tienes una tienda online, seguro que te suena esta película: inviertes en tráfico, la gente entra, mira, añade al carrito… y desaparece. O compra una vez y no vuelve. Y mientras tanto, tú mandas algún newsletter suelto de vez en cuando, con un cupón y “a ver si cuela”.…

1 2 3 23
crossmenuchevron-down