Generador de imagen placeholder
Elige el ancho y el alto en píxeles, los colores y el texto, y descarga una imagen placeholder en PNG, JPG o WebP. Sirve para montar maquetas, prototipos y probar componentes de imagen.
Vista previa
¿Necesitas un archivo con tamaño exacto para probar una subida?
Para qué sirve una imagen placeholder
Una imagen placeholder ocupa el lugar de una imagen que todavía no existe. Tiene las dimensiones exactas, un color sólido y, aquí, el texto con el ancho y el alto. Así ves al instante si el espacio del diseño es el correcto.
Maquetas y prototipos
Reserva el espacio de fotos y banners antes de tener el material final.
Pruebas de componentes
Comprueba cómo recorta, escala y carga la etiqueta <img /> con distintas dimensiones.
CMS y documentación
Rellena listados, galerías y ejemplos sin usar fotos reales.
Cómo generar la imagen
Define las dimensiones
Escribe el ancho y el alto en píxeles, de 1 a 4096, o haz clic en un atajo como Open Graph.
Elige colores y texto
Selecciona el fondo y el color del texto, o una combinación lista. Sin texto, la imagen muestra sus propias dimensiones.
Elige el formato y descarga
El PNG mantiene el texto más nítido, y el JPG y el WebP generan archivos más ligeros. El archivo se guarda con un nombre como placeholder-1200x630.png.
Dimensiones
Son las más habituales en diseños, redes sociales y vídeo. Los atajos de la herramienta rellenan el ancho y el alto con un clic.
| Dimensiones | Dónde se usa |
|---|---|
| 1920 × 1080 | Héroes de página, portadas de vídeo y fondos de pantalla |
| 1280 × 720 | Miniaturas de vídeo de YouTube y portadas de entradas de blog |
| 1200 × 630 | Vista previa de enlaces en WhatsApp, LinkedIn, Facebook y X |
| 1080 × 1080 | Publicación cuadrada en redes sociales |
| 1080 × 1350 | Publicación vertical en el feed de redes sociales |
| 1080 × 1920 | Stories, Reels y TikTok |
| 800 × 600 | Tarjetas, galerías y pantallas de producto |
| 400 × 400 | Foto de perfil de usuario en apps y redes sociales |
PNG, JPG o WebP:
Los tres sirven. Cambia cómo trata cada uno el texto y los fondos de un solo color.
PNG
Deja el texto y el fondo de un solo color muy nítidos. Es el que más pesa de los tres.
JPG
Es ligero, pero la compresión puede difuminar los bordes de las letras.
WebP
Es ligero y nítido, pero no todos los navegadores generan este formato. Safari no lo genera, y la opción queda desactivada.
Para un placeholder con texto, usa PNG. El archivo pesa un poco más, pero las letras se ven nítidas.