Cómo usar: Generador de imágenes de relleno
- Introduce el ancho y el alto, o haz clic en un tamaño predefinido.
- Configura el fondo (color liso o degradado), el color del texto y la etiqueta —
{w}y{h}obtendrás las dimensiones. - Elige entre PNG, JPG, WebP o SVG y descárgalo, o copia un URI de datos o una
<img>etiqueta para pegarla en tu código HTML. - ¿Necesitas un conjunto? Abre «Generar muchos tamaños», pon un tamaño por línea y descárgalo en un archivo ZIP.
Cuándo usar imágenes de lugar
Las imágenes de lugar de reposición ocupan los espacios reservados para imágenes mientras el material gráfico definitivo no está listo: esquemas y maquetas, plantillas de CMS, sistemas de diseño, entornos de prueba y datos de prueba. Si les pones una etiqueta con su tamaño, los errores de maquetación se ven a simple vista: así puedes comprobar de un vistazo si un espacio de 1200 × 630 realmente está recibiendo una imagen de 1200 × 630.
¿Qué formato?
- SVG: unos pocos cientos de bytes en cualquier tamaño, perfecto para insertar directamente en HTML o como URI de datos.
- PNG: colores exactos y texto nítido, para subidas que requieran un archivo rasterizado.
- JPG / WebP: cuando un sistema solo acepta fotos o necesitas tamaños de archivo realistas para pruebas de rendimiento.
Tamaños habituales
| Tamaño | Uso |
|---|---|
| 1200 × 630 | Open Graph / vista previa del enlace |
| 1920 × 1080 | Imagen principal en Full HD, miniatura de vídeo en 16:9 |
| 1080 × 1080 | Publicación cuadrada en redes sociales |
| 300 × 250, 728 × 90, 160 × 600 | Unidades publicitarias IAB |
Crea una imagen de vista previa real con el generador de imágenes OG, convierte archivos a Base64 y rellena los diseños con texto del generador de lorem ipsum.
También se busca como: imagen de lugar reservado, generador de imágenes de ejemplo, svg de marcador de posición, marcador de posición de imagen, imagen falsa, generador de imágenes de prueba.
Herramientas que combinan con: Generador de imágenes de relleno
- Generador de datos ficticios — Crea hasta 10 000 filas de datos de prueba realistas —usuarios, productos, pedidos, direcciones, empresas o registros API anidados— o diseña tu propio esquema.
- Cambiador de tamaño de imágenes — Cambia el tamaño de una foto a unas dimensiones exactas en píxeles o a un porcentaje, recórtala para que se adapte al tamaño de las redes sociales o encájala en un marco con un color de fondo, todo ello directamente en tu navegador.
- Generador de códigos de barras — Crea códigos de barras escaneables para productos, inventario, envíos y bibliotecas: el sistema calcula automáticamente los dígitos de control y puedes descargar un archivo SVG de alta calidad para imprimir o un PNG para documentos.
- Escáner de códigos QR — Apunta con la cámara a un código QR o sube una imagen o captura de pantalla que contenga uno.
Preguntas frecuentes
¿Puedo usar estas imágenes con fines comerciales?
Sí. Se generan en tu dispositivo y solo contienen tu propio texto y tus propios colores; no hace falta ninguna licencia ni atribución.
¿Cómo se usa el URI de datos?
Pégalo como
src de un <img> o en CSS url(). Así se incrusta la imagen en tu código, así que no hace falta alojar ningún archivo.¿Cuál es el tamaño máximo?
Hasta 8000 × 8000 píxeles; los navegadores limitan la memoria del lienzo más allá de ese tamaño. La salida SVG no tiene ningún límite práctico.
¿Puedo instalar Generador de imágenes de relleno como aplicación web y utilizarla sin conexión?
Sí. Generador de imágenes de relleno es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.