Generar una imagen placeholder

Las imágenes se devuelven en formato JPEG, optimizado para la web. El peso se mantiene mínimo incluso para grandes dimensiones, lo que hace la herramienta adecuada para los maquetados HTML y CSS que contienen muchos placeholders. El contenido visual es un degradado o un color de relleno neutro, nunca una foto real sujeta a derechos de autor.

Las dimensiones razonables van de 16 px a unos 2000 px por lado. Por encima, el renderizado sigue siendo posible, pero la generación se vuelve lenta sin una utilidad real, dado que los placeholders están destinados a maquetados más modestos. Para un visual hero de 1920 x 1080, la herramienta responde sin problema.

La URL /image/<largeur>/<hauteur> es determinista; puede pegarla tal cual en sus etiquetas <img> sin descarga previa. Para un entorno de producción, prefiera alojar las imágenes definitivas usted mismo: este servicio está destinado, ante todo, a los maquetados, a los storybooks y a las pruebas de integración.

Lorem Picsum devuelve fotos reales aleatorias, simpáticas para dar realismo a un maquetado. Placeholder.com sirve imágenes con etiqueta de dimensiones. El generador de cdrn devuelve placeholders sencillos y rápidos, sin llamada externa ni dependencia de terceros en su proyecto front-end.

No en esta versión. Las imágenes se generan con un renderizado neutro predefinido. Si necesita controlar con precisión el color de fondo para validar un layout con contrastes, cree un fichero estático de unos kilooctetos en el tono deseado o utilice directamente un div CSS con background-color.

Probar rápidamente un layout sin tener que aportar una imagen real, validar la responsividad de una rejilla deslizando varios ratios, alimentar un storybook o una vista previa Figma-a-HTML. Para marketers y diseñadores, la herramienta sirve para bosquejar wireframes de alta fidelidad sin depender de fotos con licencia.