Skip to main content

Lorem Picsum

Español

Genera imágenes de marcador de posición aleatorias para diseños y maquetas.

Todos los cálculos se realizan localmente en tu navegador. No se envía ningún dato al servidor.

Los resultados tienen carácter informativo. Contrástalos con otras fuentes.

Imágenes de relleno en una maquetación

Las imágenes de relleno permiten construir una maquetación antes de que existan las fotos reales. El valor está en acertar pronto con las dimensiones: una cuadrícula que parece equilibrada con rellenos cuadrados suele desmoronarse con las fotos 3:2 que recibirá de verdad.

Cómo funciona

  • Construye una URL al servicio picsum.photos con el ancho y el alto que elijas.
  • Ofrece una semilla fija para que la misma imagen vuelva en cada recarga, lo que mantiene estables capturas y pruebas visuales.
  • Admite variantes en escala de grises y desenfocadas, útiles para comprobar que el texto superpuesto sigue legible.
https://picsum.photos/{ancho}/{alto}
https://picsum.photos/seed/{semilla}/{ancho}/{alto}   ← imagen estable
https://picsum.photos/{ancho}/{alto}?grayscale&blur=2

Ejemplo resuelto

Maquetar una rejilla de tarjetas antes de que lleguen las fotografías.

  1. las tarjetas miden 400 × 267 en el diseño: proporción 3:2
  2. https://picsum.photos/400/267 da una foto distinta en cada carga
  3. https://picsum.photos/seed/card-1/400/267 da siempre la misma
  4. añade ?grayscale para comprobar que el diseño no depende de fotografía colorida

Las URL con semilla son lo que hace revisable la maqueta: sin ellas, cada recarga baraja las imágenes y quienes revisan discuten sobre fotos que nunca se publicarán.

Cómo leer el resultado

  • Esta es la única herramienta del sitio que hace una petición externa. Tu navegador descarga la imagen directamente de picsum.photos, que ve tu dirección IP igual que cualquier servidor de imágenes.
  • Nunca lleves rellenos a producción. Dependen de un servicio de terceros sin garantía de disponibilidad, y un relleno roto en una página en vivo es peor que un estado vacío.
  • Iguala la proporción de las imágenes reales, no un cuadrado cómodo. Los desajustes de proporción son el motivo más común de que una maquetación se rompa cuando llega el contenido real.
  • Para trabajo sin conexión o para una batería de pruebas, genera un relleno local de color plano o en SVG: sin red y sin inestabilidad.

Preguntas frecuentes

¿Por qué cambia la imagen en cada recarga?
Sin semilla, el servicio devuelve una foto aleatoria cada vez. Usa la forma /seed/ para fijar una, que es lo que casi siempre quieres en revisiones de diseño y pruebas de regresión visual.
¿Puedo usar estas imágenes en un proyecto real?
Solo para maquetas. El servicio es para prototipar, no un banco de imágenes con licencia: para cualquier cosa que publiques, usa imágenes cuyos derechos tengas.

Fuentes