Generador de Imágenes Placeholder Gratis

El Placeholder Generator es una herramienta online gratuita que crea imágenes de marcador de posición en cualquier tamaño y color para maquetas, wireframes y prototipos.

Sí, es completamente gratis y no requiere registro. Toda la generación de imágenes se realiza del lado del cliente, en tu navegador.

Sí, el Placeholder Generator te permite establecer ancho, alto, color de fondo, color de texto y texto a mostrar personalizados.

Por supuesto. El Placeholder Image Generator procesa todo del lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido siempre permanece privado en tu dispositivo.

Sí, el Placeholder Image Generator es totalmente adaptable y funciona en smartphones y tablets. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

No se necesita cuenta ni registro. Simplemente abre el Placeholder Image Generator en tu navegador y empieza a usarlo de inmediato. No hay barreras de registro ni restricciones de uso.

El Placeholder Image Generator admite formatos de imagen comunes como PNG, JPG/JPEG, WebP y GIF. Algunas funciones también pueden admitir SVG y BMP según la herramienta específica.

Simplemente introduce tus datos en el campo indicado, ajusta la configuración a tu gusto y la herramienta los procesará al instante. Luego puedes copiar el resultado al portapapeles o descargarlo.

El Placeholder Image Generator funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

Haz coincidir el marcador de posición con el espacio que ocupará la imagen real para que el diseño se revise y se pruebe con las dimensiones verdaderas. Para una miniatura estilo YouTube usa 1280x720, una imagen estándar para compartir en redes sociales es 1200x630, un avatar mide aproximadamente 150x150, y un banner principal suele ser de 1920x1080. Para trabajo responsive, genera un marcador de posición por cada punto de quiebre para poder confirmar el espaciado y el recorte en móvil, tablet y escritorio antes de que exista el arte final. Este generador acepta cualquier ancho y alto de 1 a 4096 píxeles e incluye ajustes predefinidos de un clic para tamaños comunes, además de dimensiones exactas para Instagram, Facebook, Twitter/X, YouTube, LinkedIn, Pinterest y TikTok. Por defecto, la imagen muestra sus propias dimensiones, lo que hace evidente de un vistazo un tamaño incorrecto. Elige un ajuste predefinido o escribe tus propios valores arriba para obtener al instante un marcador de posición con el tamaño correcto.

Un PNG es una imagen ráster formada por una cuadrícula fija de píxeles, por lo que tiene una resolución determinada y puede verse borrosa o pixelada si se amplía más allá del tamaño con el que se generó. Un SVG es vectorial: describe el rectángulo y el texto como formas, así que se mantiene perfectamente nítido a cualquier tamaño y normalmente ocupa un archivo diminuto para un marcador de posición simple. Usa SVG cuando un marcador de posición deba escalar en muchos tamaños de pantalla o cuando quieras un marcado ligero e independiente de la resolución. Elige PNG (o WebP para archivos más pequeños, JPEG para rellenos de estilo fotográfico) cuando necesites una imagen ráster real con dimensiones exactas en píxeles. Esta herramienta exporta los cuatro formatos, y cada descarga lleva el nombre de sus dimensiones. Selecciona tu formato en las opciones de arriba y luego descarga o copia la imagen como un URI de datos en Base64 para pegarla directamente en tu código.

En lugar de crear cada imagen una por una, usa la pestaña Lote e introduce una lista de tamaños separados por comas, como 300x200, 600x400, 1200x630. La herramienta genera cada tamaño en un solo paso, muestra una vista previa de cada uno y ofrece una opción para descargar todo, de modo que reúnes el conjunto completo en un único paso. Para pruebas responsive también hay una vista de Cuadrícula Responsive que produce un marcador de posición para todos los puntos de quiebre habituales, desde Mobile S en 320 píxeles hasta 4K en 2560 píxeles, con un solo clic. Cada imagen del lote conserva los colores, el estilo y el texto que hayas definido, y cada archivo lleva el nombre de sus dimensiones para mantenerse organizado en tus descargas. Es ideal para rellenar rápidamente un diseño responsive o la maqueta de un sistema de diseño. Abre la pestaña Lote de arriba, indica tus tamaños y genéralos todos juntos.

El Modo Blueprint genera un marcador de posición estilo wireframe: un fondo oscuro con cuadrícula y marcadores de dimensiones etiquetados, con flechas que indican el ancho y el alto en píxeles, en lugar de un simple bloque de color sólido. Es útil cuando una maqueta necesita transmitir que está deliberadamente inacabada, de modo que las partes interesadas entiendan que están viendo estructura y proporciones y no un arte casi final. Las etiquetas de dimensiones claras también facilitan confirmar que cada espacio tiene el tamaño previsto al revisar un diseño. Combina bien con wireframes de baja fidelidad y revisiones de diseño tempranas, donde una imagen pulida transmitiría la señal equivocada. Aun así, puedes añadir texto personalizado sobre la cuadrícula del blueprint para un etiquetado adicional. Activa el Modo Blueprint en las opciones de arriba, define tus dimensiones y descarga el marcador de posición estilo wireframe para tu maqueta.

Sí. La pestaña Código te ofrece fragmentos listos para pegar que ya incluyen las dimensiones elegidas: una etiqueta HTML img con ancho, alto y texto alt, una regla CSS background-image con ajuste de tipo cover, sintaxis de imagen en Markdown para documentación y readmes, y una etiqueta de imagen con URI de datos. La opción de URI de datos incrusta toda la imagen como una cadena Base64 (o SVG) dentro de la etiqueta, de modo que el marcador de posición funciona sin un archivo aparte y sin peticiones de red adicionales, lo cual resulta muy útil para prototipos rápidos y ejemplos aislados. También puedes copiar solo el URI de datos en Base64 para usarlo donde lo necesites. Como todo se genera en tu navegador, los fragmentos se actualizan en el momento en que cambias un tamaño o un color. Configura tu marcador de posición arriba, abre la pestaña Código y haz clic en copiar sobre el fragmento que se ajuste a tu proyecto.