Generador de imágenes placeholder
Cómo funciona
Fija el ancho y el alto, elige un color de fondo y de texto y, si quieres, escribe una etiqueta propia (por defecto muestra las medidas en píxeles). La vista previa se actualiza mientras escribes, y los formatos rápidos cubren tamaños habituales como banners publicitarios, tarjetas para redes sociales, avatares y bloques web estándar, así que no tienes que recordar el número exacto de píxeles. Exporta el resultado de tres maneras: descarga un PNG dibujado con la Canvas API, descarga un SVG vectorial nítido o copia un data URI en base64 para incrustar la imagen directamente en HTML o CSS sin una petición de archivo aparte. Un placeholder es útil cuando estás maquetando, probando una cuadrícula adaptable, mostrando un componente o cubriendo la ilustración que aún no está lista. Todo el dibujo se hace en local, en tu navegador: no se sube ninguna imagen y la pestaña Red de las herramientas para desarrolladores se queda vacía mientras trabajas.
Preguntas frecuentes
¿Qué formatos de salida hay?
- Tres: PNG (dibujado con la Canvas API), SVG (vectorial) y un data URI en base64 que puedes pegar directamente en HTML o CSS.
¿Puedo personalizar el texto?
- Sí. La etiqueta muestra por defecto las medidas (una imagen de 300 por 250 dice 300×250) y puedes cambiarla por cualquier texto que escribas.
¿Se guardan mis datos en algún sitio?
- No. La imagen la dibuja JavaScript en la pestaña de tu navegador y no se sube ni se guarda nada. La pestaña Red de las herramientas para desarrolladores no muestra ninguna petición mientras generas o descargas.