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: | Escalado a 50x50: |
| Tamaño 100x100: | Tamaño original 100x100: |
| Tamaño 150x150: | Escalado a 150x150: |
| Tamaño 200x200: | Escalado a 200x200: |
