Imágenes SVG de muestra

SVG es un formato para presentar gráficos vectoriales. Los gráficos vectoriales son una forma de codificar imágenes como un conjunto de objetos geométricos, elementales: puntos, líneas, círculos, rectángulos. Abajo están las imágenes de prueba en este formato disponibles para descargar

Archivo de muestra: Río de primavera
Río de primavera
300 Kb
400x300
↓
Archivo de muestra: Parque de primavera
Parque de primavera
435 Kb
400x300
↓
Archivo de muestra: Imagen de prueba grande con relleno rojo
Imagen de prueba grande con relleno rojo
1 Kb
400x300
↓
Archivo de muestra: Imagen de prueba grande con relleno verde
Imagen de prueba grande con relleno verde
1 Kb
400x300
↓
Archivo de muestra: Imagen de prueba grande con relleno azul
Imagen de prueba grande con relleno azul
1 Kb
400x300
↓
Archivo de muestra: Imagen de prueba pequeña con relleno rojo
Imagen de prueba pequeña con relleno rojo
1 Kb
200x200
↓
Archivo de muestra: Imagen de prueba pequeña con relleno verde
Imagen de prueba pequeña con relleno verde
1 Kb
200x200
↓
Archivo de muestra: Imagen de prueba pequeña con relleno azul
Imagen de prueba pequeña con relleno azul
1 Kb
200x200
↓
Archivo de muestra: Imagen roja pequeña
Imagen roja pequeña
1 Kb
100x75
↓
Archivo de muestra: Imagen verde pequeña
Imagen verde pequeña
1 Kb
100x75
↓
Archivo de muestra: Imagen azul pequeña
Imagen azul pequeña
1 Kb
100x75
↓
Archivo de muestra: Imagen roja de un píxel
Imagen roja de un píxel
1 Kb
1x1
↓

🧠 Cómo funciona SVG

SVG no es una imagen de píxeles, sino un archivo XML de texto con instrucciones de dibujo: líneas, curvas, formas, texto. Por eso SVG se escala sin pérdida de calidad y pesa poco. Se puede estilizar con CSS y animar con JavaScript. Esto es de qué se compone:

📄 <xml> Declaración XML y namespace 🎯 <svg> viewBox, width, height 🎨 <defs> <style> gradientes, filtros estilos, marcadores 📐 Formas <rect> <circle> <path> <text> contenido principal 🌐 Renderizado el navegador dibuja vectores, sin pérdida