Constructor de URL Lorem Picsum
`picsum.photos` devuelve una foto aleatoria de Unsplash en las dimensiones que pidas. Este constructor produce la URL que realmente quieres: ancho × alto, escala de grises y desenfoque opcionales, y o bien una foto aleatoria por request, una foto estable por string seed (ideal para fixtures de storybook), o una foto específica por ID. Salida con la URL más snippets Markdown y HTML listos para pegar, con preview en vivo.
Preview
<img src="https://picsum.photos/800/600" width="800" height="600" alt="placeholder">
picsum.photos sirve fotos de Unsplash como placeholders. Gratis para prototipar; chequea la licencia de Unsplash para producción.
Cómo usar
- Define ancho y alto (clic en 'cuadrado' para copiar ancho al alto).
- Activa opcionalmente escala de grises o desenfoque (0-10).
- Añade un seed si quieres que vuelva la misma foto en cada carga.
- O fija una foto específica con su ID (encuentra IDs en picsum.photos/images).
- Copia la URL, Markdown o snippet HTML.
Preguntas frecuentes
- ¿Diferencia entre seed e ID de imagen?
- Un **seed** es cualquier string — `picsum.photos/seed/alice/800/600` devuelve la misma imagen cada vez para `alice` pero distinta para `bob`. **ID de imagen** fija una foto específica del catálogo picsum (ej. `id/237` es el famoso perro). Usa seeds cuando quieras estable pero arbitrario; usa IDs cuando quieras una foto específica.
- ¿Debería usarlo en producción?
- Picsum es genial para prototipos, mocks de diseño, fills en Figma y Storybook. Para producción aloja tu propio placeholder o usa un CDN — hosts de imágenes terceros pueden rate-limitear, cambiar imágenes o caerse. Las imágenes Picsum también tienen licencia Unsplash, con restricciones comerciales para algunos casos.
- ¿Por qué mi imagen está cacheada/igual en cada reload?
- Sin seed, los navegadores pueden cachear la URL aunque picsum elija aleatoriamente. Añade un cache-buster (ej. `&rand=123`) o usa un seed y acepta el determinismo. Al revés: si quieres una imagen estable, usa siempre un seed.
- ¿Qué ratios funcionan?
- Cualquier entero — `1600/900`, `1200/630` (Open Graph), `400/400` (avatares), `2000/300` (banners). Picsum hace crop/resize desde la foto fuente, así que ratios extremos pueden verse incómodamente recortados.
Herramientas relacionadas
Generador de Lorem Ipsum
Genera texto de relleno por párrafos, frases o palabras.
Generador de Perfil de Usuario Aleatorio
Genera una persona completamente ficticia — nombre, email, teléfono, dirección, fecha de nacimiento, empresa — para contenido placeholder, mockups o datos de prueba.
Imagen → ASCII Art
Convierte cualquier imagen en ASCII art con ancho, juego de caracteres e inversión ajustables — todo en tu navegador.
Pixelar Imagen
Suelta una imagen y pixélala al tamaño de bloque que quieras — salida block-perfect para censurar capturas o crear arte retro.
Generador de viñeta de imagen
Añade una viñeta radial suave a cualquier foto — cantidad, suavidad, radio, forma óvalo / círculo / rectángulo, oscurecer o aclarar, color libre. 100% en tu navegador, sin subida.
Efecto Tilt-Shift / Miniatura
Falsea un look de diorama miniatura en cualquier foto — banda de foco nítida más arriba y abajo borrosos, con boost de saturación opcional, todo en el navegador.