Genera placeholders de 1×1 a 4000×4000 píxeles, con preajustes de un clic para tarjetas, héroe, redes sociales y dispositivos.
Genera imágenes placeholder en tu navegador
Generador de Imágenes Placeholder
Crea una imagen placeholder de cualquier tamaño con colores, estilos y texto personalizados. Previsualízala en vivo, descarga PNG/JPG/WebP/SVG o copia una URL de Next BConvert, Lorem Picsum, Placehold.co o DummyImage con fragmentos listos para pegar.
Imágenes placeholder para mockups, wireframes y desarrollo front-end
Crea una imagen placeholder de hasta 4000px por lado con fondo sólido, degradado o a cuadros y con tus propios colores y texto. La vista previa se actualiza al instante y puedes descargar PNG, JPG, WebP o SVG, o copiar una URL de Next BConvert, Lorem Picsum, Placehold.co o DummyImage con código listo para pegar.
Cómo generar una imagen placeholder
- 1.Introduce un ancho y alto en píxeles, o elige un preajuste como Avatar, Card, Hero, Twitter Card o miniatura de YouTube.
- 2.Elige un fondo sólido, degradado o a cuadros, configura los colores y opcionalmente escribe texto personalizado — déjalo en blanco para mostrar las dimensiones automáticamente.
- 3.Observa cómo la vista previa se actualiza con cada cambio. No se sube nada; la imagen se dibuja localmente en un lienzo.
- 4.Descarga el placeholder como PNG, JPG, WebP o SVG, o copia una URL de hotlink — Next BConvert, Lorem Picsum, Placehold.co o DummyImage — con un fragmento HTML, Markdown, JSX, CSS o BBCode listo para pegar.
- 5.Haz clic en Retina 1×/2×/3× para descargar tres copias del mismo placeholder para srcset en pantallas de alta densidad.
Qué admite este generador de placeholders
Elige colores sólidos, degradados de dos colores o fondos a cuadros, con colores independientes para el fondo y el texto.
La vista previa en el lienzo se regenera con cada tecla, así que ves el resultado exacto antes de descargar o copiar nada.
Descarga como PNG, JPG, WebP o SVG, o copia la imagen como URL de datos base64.
Genera una URL de hotlink con el tamaño exacto desde cuatro servicios: Next BConvert la sirve desde tu propio dominio, Lorem Picsum devuelve una foto real aleatoria y Placehold.co o DummyImage sirven placeholders externos de color sólido.
Copia fragmentos HTML, Markdown, JSX, CSS o BBCode listos para pegar que incluyen las dimensiones exactas que configures.
Todo se ejecuta en el navegador. Tu tamaño, colores y texto nunca salen de tu dispositivo.
Preguntas frecuentes sobre el generador de placeholders
¿Qué tamaños puedo generar?
Cualquier tamaño de 1×1 a 4000×4000 píxeles por lado. Usa los campos de ancho y alto para dimensiones exactas, o elige un preajuste como Avatar (200×200), Card (400×300), Hero 16:9 (1920×1080), Twitter Card (1200×630) o Instagram (1080×1080).
¿Qué hace el bloqueo de proporción?
Activar Bloquear proporción mantiene fija la relación ancho-alto: cambia un lado y el otro se actualiza para coincidir. Es útil cuando necesitas un conjunto responsivo del mismo recorte, como versiones 1×, 2× y 3× para srcset.
¿Qué estilos de fondo hay disponibles?
Sólido rellena la imagen con un color. Degradado mezcla los colores de fondo y secundario en diagonal. Cuadros dibuja un damero de dos colores que ayuda a visualizar cómo se verá la transparencia en diseños que superponen la imagen.
¿Puedo añadir texto personalizado al placeholder?
Sí. Escribe hasta 80 caracteres y se dibujará centrado, reduciéndose automáticamente para caber en el ancho del placeholder. Deja el campo en blanco para mostrar las dimensiones (por ejemplo 600 × 400).
¿Qué formatos puedo descargar?
PNG conserva la transparencia, JPG y WebP producen archivos más pequeños para la web y SVG se mantiene nítido en cualquier tamaño de visualización. También puedes copiar la imagen como URL de datos base64 para pegarla directamente en HTML o CSS.
¿Qué hace el botón Retina 1×/2×/3×?
Descarga tres copias PNG del placeholder actual a escala 1×, 2× y 3×, con nombres como placeholder-600x400.png y placeholder-600x400@2x.png, listas para usar en srcset para pantallas de alta densidad.
¿Qué diferencia hay entre Next BConvert, Lorem Picsum, Placehold.co y DummyImage?
Next BConvert sirve el placeholder desde el endpoint /api/placeholder de nextbconvert.com, por lo que coincide exactamente con la vista previa y permanece en tu propio dominio. Lorem Picsum devuelve una fotografía real aleatoria a las dimensiones solicitadas, ideal para mockups realistas. Placehold.co y DummyImage sirven rectángulos externos de color sólido con las dimensiones impresas en el centro, ideales para wireframes. Elige el que encaje con el lugar donde se usará la imagen.
¿Se sube algún dato de mi placeholder?
No. La imagen se dibuja por completo en tu navegador sobre un lienzo. No hay paso de subida y tu tamaño, colores y texto no se envían a ningún servidor.