Generador de Imágenes de Relleno

Genera imágenes de relleno simples de cualquier tamaño con colores y texto personalizados — útil para maquetas y prototipos.

Estudio · entorno neutro
×

Características

Anchura y altura personalizadas
Colores personalizados
Texto personalizado
Descargar en PNG o SVG

Cómo Usar

1. Elige un tamaño habitual (imagen OG, avatar, HD…) o escribe las dimensiones exactas en píxeles.

2. Define los colores de fondo y texto — el damero ayuda cuando la imagen irá sobre fondos desconocidos.

3. Descarga el PNG o cópialo como data URL para pegarlo directamente en un atributo src.

Sobre esta herramienta

Mientras se construye una maqueta, las fotos reales a menudo no están listas, y los iconos de imagen rota dificultan juzgar el espaciado. Este generador crea imágenes de relleno de color liso con tamaños exactos en píxeles, con el color de fondo y de texto que elijas, rotuladas con sus dimensiones o con tu propio texto, para que todo el mundo sepa cómo debe ser el recurso final. Los ajustes predefinidos cubren las necesidades habituales —imagen Open Graph de 1200 × 630, tarjeta de Twitter de 1600 × 900, publicación cuadrada de 1080 × 1080, HD de 1920 × 1080, 4:3, banner de 1500 × 500 y avatar de 400 × 400—, o puedes escribir cualquier ancho y alto. Descarga el resultado como PNG, o cópialo como data URL y pégalo directamente en el atributo src de un img en un prototipo, una plantilla de correo o datos de prueba.

Preguntas Frecuentes

¿Qué es una data URL y por qué copiarla?
Una data URL contiene la imagen entera codificada como texto, empezando por data:image/png;base64. Puedes pegarla en un <img src> o en un fondo CSS sin guardar ni alojar ningún archivo, lo que resulta cómodo para prototipos rápidos.
¿Las imágenes de relleno deben tener las dimensiones finales?
Sí. Usar el tamaño y la proporción finales exactos revela pronto los saltos de maquetación, los recortes y los cortes de texto, así que las imágenes reales encajan sin sorpresas.
¿Qué tamaño debe tener una imagen Open Graph?
1200 × 630 píxeles es el tamaño más recomendado para las vistas previas de enlaces en Facebook, LinkedIn y muchas apps de mensajería. Mantén el texto importante lejos de los bordes, porque algunas plataformas recortan a un cuadrado.
¿Por qué elegir un fondo de cuadros o neutro?
Un gris neutro o un patrón de cuadros deja claro que la imagen es de relleno y ayuda a ver cómo queda sobre fondos desconocidos, así que es menos probable que se confunda con un diseño terminado.
¿Puedo usar estas imágenes en producción?
Están pensadas para maquetas y desarrollo. Dejar imágenes de relleno en un sitio publicado parece inacabado y los buscadores no encuentran contenido de imagen útil, así que sustitúyelas por imágenes reales con texto alternativo antes del lanzamiento.

Herramientas Relacionadas