sábado, 19 de febrero de 2011

¿Soporta tu navegador gráficos SVG?



SVG (del inglés Scalable Vector Graphics, Gráficos Vectoriales Escalables  en español) es una especificación para  describir gráficos vectoriales.

La principal ventaja de un gráfico vectorial es que cuando se escalan no pierden calidad, como ocurre con los mapas de bits (jpg, bmp, png, ...).

Es un estándar recomendado por el W3C y ya lo soportan muchos navegadores, pero aún hay algunos que no lo soportan.
Esta página te permite averiguar si el tuyo lo soporta, así como comparar los gráficos vectoriales frente a los mapas de bits.

Prueba a ampliar/reducir el tamaño de esta página, pulsando la tecla Ctrl junto con la tecla + (ampliar) o la tecla - (reducir) para ver cómo se degradan los mapas de bits, mientras que las imágenes SVG no pierden calidad.


SVG (tamaño no definido)Mapa de bits 100x100 (PNG)
Tamaño 50x50:
Tu
navegador no soporta este tipo de objeto.


Escalado a 50x50:
50x50
Tamaño 100x100:
Tu
navegador no soporta este tipo de objeto.
Tamaño original
100x100:
100x100
Tamaño 150x150:
Tu
navegador no soporta este tipo de objeto.


Escalado a 150x150:
150x150
Tamaño 200x200:
Tu
navegador no soporta este tipo de objeto.


Escalado a 200x200:
200x200