Generador de imágenes placeholder SVG
Genera una imagen placeholder SVG ligera (dimensiones, texto, colores) como SVG, data-URI o etiqueta img.
🔒 100 % en el cliente — no se envía ningún dato
Genera una imagen placeholder SVG ultraligera para tus maquetas: elige las dimensiones, los colores y el texto, y luego obtén el SVG, un data-URI o una etiqueta <img> lista para pegar. Sin petición de red, todo se genera localmente.
What is it for?
- ▸ Reemplazar una imagen faltante en una maqueta
- ▸ Crear miniaturas de prueba con las dimensiones correctas
- ▸ Evitar depender de un servicio de placeholder externo
- ▸ Insertar una imagen inline mediante data-URI
FAQ
¿Por qué un placeholder SVG en vez de una imagen?
Es un archivo de texto diminuto, nítido a cualquier tamaño e integrable directamente como data-URI, sin petición de red.
¿Cómo uso el data-URI?
Pégalo en el atributo src de una etiqueta <img> o en una propiedad CSS background-image.
¿Cuál es el tamaño máximo?
Hasta 4000 píxeles por lado. Como el SVG sigue siendo vectorial, se mantiene nítido a cualquier tamaño.
¿El texto es personalizable?
Sí, deja el campo vacío para mostrar las dimensiones, o escribe tu propio texto.