Generador de imagen placeholder SVG
Genera una imagen de sustitución (placeholder) en SVG con las dimensiones, los colores y el texto de tu elección — ideal para maquetar una interfaz antes de tener las imágenes reales.
Cómo funciona
Antes de que las imágenes o fotos reales de un proyecto estén listas, los diseñadores y desarrolladores usan placeholders con las dimensiones correctas para visualizar el diseño final. Esta herramienta genera un SVG ligero, redimensionable sin pérdida, que muestra las dimensiones o un texto personalizado en el centro.
¿Por qué usar un SVG en lugar de un PNG para un placeholder?
Un SVG permanece nítido a cualquier tamaño de visualización y generalmente pesa mucho menos que un PNG equivalente, lo que acelera la carga durante la fase de maqueta.
¿Puedo integrar este SVG directamente en mi HTML?
Sí, el código SVG generado puede pegarse directamente en una etiqueta <img src="data:image/svg+xml,...">, usarse como fondo CSS, o descargarse como archivo .svg independiente.
Procesamiento 100% local: el SVG se genera íntegramente en tu navegador mediante WebAssembly.