Generador de imágenes de relleno: imágenes de ejemplo de cualquier tamaño
Crea una imagen de relleno de cualquier tamaño con tus colores y una etiqueta, y descárgala en PNG, JPG, WebP o SVG. Ajustes predefinidos para redes sociales, anuncios y banners.
Los data URL se pegan directamente en un <img src> o en un fondo CSS para una maqueta sin solicitudes externas.
1200 × 630 px · 1.90:1
Las imágenes se dibujan en tu navegador; no se sube nada. Ver todas las herramientas gratis.
¿Encontraste un problema o algo que podría mejorar? Leemos todos los mensajes y lo arreglamos rápido.
Este generador de imágenes de relleno gratis crea imágenes de ejemplo para maquetas, wireframes y pruebas de diseño: elige un tamaño o un ajuste predefinido (la imagen para compartir de 1200 × 630, un cuadrado de Instagram, un banner principal, un anuncio leaderboard), elige los colores, añade una etiqueta y descarga un PNG, JPG, WebP o SVG. Las dimensiones aparecen impresas en la imagen, para que cualquiera que vea la maqueta sepa qué va en ese hueco.
Los servicios de imágenes de relleno que te dan una URL son cómodos hasta que el servicio va lento, limita las peticiones o desaparece, y la presentación que enviaste a un cliente el año pasado se llena de imágenes rotas. Un archivo generado no tiene ninguno de esos problemas. También es la herramienta adecuada para hacer pruebas: un conjunto de imágenes de ejemplo de tamaño exacto descubre el diseño que se rompe a 300 × 250 antes de que lo haga un anuncio real.
Cómo usarla
- Haz clic en un ajuste predefinido o escribe un ancho y un alto en píxeles.
- Elige los colores de fondo y de texto. Un gris medio sobre gris claro se lee como provisional; los colores de marca dan una maqueta convincente.
- Añade una etiqueta como “Imagen principal” o “Foto de producto” y deja visibles las dimensiones para que el tamaño sea evidente.
- Elige PNG para un uso general, JPG para huecos de fotos, WebP para la web o SVG cuando la imagen tenga que escalar.
- Descárgala, o copia el código SVG o un data URL para pegarlo directamente en HTML o CSS.
Preguntas frecuentes
¿Qué es una imagen de relleno o de ejemplo?
Una imagen temporal que se usa en un diseño, un prototipo o una prueba en lugar de la definitiva, normalmente un bloque de color liso con sus dimensiones escritas encima. Ocupa el espacio, muestra la relación de aspecto y deja claro que el recurso real todavía está por llegar.
¿Por qué generar un archivo en lugar de usar una URL de imagen de relleno?
Una URL depende de que un servicio de terceros esté disponible, sea rápido y gratuito, para siempre. Los archivos no. Los archivos generados también funcionan sin conexión, en maquetas de correo electrónico, en PDF y en cualquier herramienta que no pueda descargar imágenes remotas, y no filtran tu trabajo en curso a los registros de un servicio.
¿Qué formato debería elegir?
PNG es la opción segura. JPG cuando el hueco vaya a contener una foto y quieras que el tamaño de archivo de la maqueta sea realista. WebP para maquetas web. SVG cuando la imagen de relleno tenga que escalar sin pixelarse o quieras editar el código, por ejemplo para cambiar la etiqueta en una plantilla.
¿Puedo usar estas imágenes en un sitio publicado?
Puedes, pero no deberías durante mucho tiempo. Una imagen de relleno publicada indica a los visitantes y a los buscadores que la página está sin terminar. Úsalas en el entorno de pruebas y en los diseños; cámbialas por imágenes reales antes del lanzamiento.
¿Qué tamaños necesito para redes sociales en 2026?
Imagen para compartir enlaces (Open Graph): 1200 × 630. Feed de Instagram: 1080 × 1080 o 1080 × 1350. Stories y Reels: 1080 × 1920. Imágenes del feed de LinkedIn y X: 1200 × 627 sirve para ambos. Miniatura de YouTube: 1280 × 720. Los ajustes predefinidos los cubren.
Las imágenes de relleno como herramienta de pruebas
Genera una imagen de ejemplo por hueco, exactamente del tamaño previsto, y coloca el conjunto en tu plantilla. Todo lo que se estire, se recorte o se desborde es un error de diseño que has encontrado antes de que llegaran las fotos reales. Después genera los mismos huecos con la proporción equivocada (un cuadrado donde debería ir una imagen ancha) para ver cómo aguanta el diseño lo que, sin duda, acabarán subiendo los editores de contenido.
Herramientas gratis relacionadas
- Generador de Lorem Ipsum — Genera lorem ipsum o texto de relleno legible en inglés por párrafos, oraciones o palabras, como texto plano, HTML o Markdown.
- Redimensionador de imágenes — Reduce imágenes por porcentaje, a unas dimensiones exactas en píxeles o a un tamaño de archivo objetivo como 500 KB, todo en tu navegador.
- Editor SVG — Dibuja formas, flechas, trazos a mano alzada y texto en un lienzo, y descarga un SVG o PNG limpio. Gratis, en tu navegador y sin registro.