¿Qué es una imagen de relleno?
Una imagen de relleno (placeholder) ocupa el lugar de una imagen real mientras construyes una página web o una app, o maquetas un diseño antes de tener las imágenes definitivas. Suele mostrar su propio tamaño (por ejemplo 600 × 400) para revisar la maquetación de un vistazo. Con esta herramienta eliges el tamaño, los colores y el texto, y luego descargas o copias la imagen.
Cómo se usa
- Escribe el ancho y el alto, o elige un tamaño habitual. Con «Mantener proporción» marcado, al cambiar un lado se actualiza el otro.
- Ajusta el color de fondo, la opacidad, el color del texto, el texto y el tamaño de fuente; la vista previa se actualiza al instante.
- Elige un formato, cambia el nombre del archivo si quieres y pulsa «Descargar imagen», o «Copiar imagen» para pegarla en otro lugar.
Tamaños habituales
| Nombre | Tamaño | Uso típico |
|---|---|---|
| Cuadrado | 500 × 500 | Avatares, imágenes de producto |
| 16:9 | 1280 × 720 | Miniaturas de vídeo, banners |
| Imagen OG | 1200 × 630 | Vistas previas de enlaces en Facebook, WhatsApp, X y otras redes |
| HD | 1920 × 1080 | Fondos a pantalla completa, diapositivas |
| Miniatura | 320 × 180 | Miniaturas en listados |
| Móvil vertical | 1080 × 1920 | Historias, fondos de pantalla del móvil |
¿Qué formato elegir?
| Formato | Transparencia | Notas |
|---|---|---|
| PNG | Sí | Sin pérdida, la mejor compatibilidad |
| JPEG | No (las zonas transparentes quedan blancas) | Archivos pequeños, bueno para contenido fotográfico |
| WebP | Sí | Más pequeño que PNG y JPEG, compatible con todos los navegadores modernos |
| SVG | Sí | Formato vectorial: nítido a cualquier tamaño, el archivo más pequeño |
Preguntas frecuentes
¿Cómo hago un fondo transparente?
Pon «Opacidad del fondo» en 0 % y elige PNG, WebP o SVG. El tablero de ajedrez de la vista previa muestra la zona transparente.
¿Por qué «Copiar imagen» siempre copia un PNG?
Los portapapeles de los navegadores solo admiten de forma general imágenes PNG, así que la copia siempre usa PNG, sea cual sea el formato elegido. Usa Descargar para otros formatos.
¿La imagen se sube a un servidor?
No. La imagen se genera por completo en tu navegador sin pasar por el servidor, y por eso es tan rápido.