Constructor de URL Lorem Picsum
Imagen
`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
Recortar Imagen (Proporción)
Recorta cualquier imagen a una proporción estándar (1:1, 16:9, 4:3…) centrada automáticamente.
Rotar y Voltear Imagen
Rota una imagen de 90° en 90° o voltéala horizontal / verticalmente y descarga el resultado.
Redimensionar Imagen
Cambia el tamaño de una imagen y exporta como PNG, JPEG o WebP — todo en tu navegador.
Imagen a Base64
Convierte una imagen en una URL de datos Base64 para pegar donde sea.
Generador de Códigos QR
Crea códigos QR personalizados desde cualquier texto o URL y descárgalos.
Compresor de Imágenes
Comprime y redimensiona imágenes JPEG, PNG y WebP en tu navegador.