Lorem Picsum Placeholder Image URL Builder
Generate Lorem Picsum placeholder image URLs for mockups, prototypes, blog drafts. 6 standard ratios, 5 popular sizes (banner, OG, IG Story), grayscale + blur.
Lorem Picsum (picsum.photos) is a free placeholder image service — no API key needed. Great for prototypes, mockups, and blog drafts.
What is Lorem Picsum?
Lorem Picsum (picsum.photos) is a free placeholder image service — sourced from Unsplash, no API key, CORS-friendly. URL pattern:
https://picsum.photos/<width>/<height> # random
https://picsum.photos/seed/<seed>/<w>/<h> # stable per seed
https://picsum.photos/<w>/<h>?grayscale # black & white
https://picsum.photos/<w>/<h>?blur=5 # blur 5/10 When to use it
- Figma → code prototypes: nice placeholder images instead of grey boxes.
- Blog drafts: no real image yet → use Picsum temporarily.
- Hero mockups: generate a 1920×400 banner — paste into HTML/Astro.
- Responsive testing: real images at large sizes to check breakpoints.
- Lazy-load demos: many unique URLs for infinite scroll experiments.
Tips
- Seeds: same seed → same image, so designers and devs see the same thing. E.g. seed "ai" for an AI hero.
- Multi URLs: generate 5-50 URLs at once for galleries or infinite scroll demos.
- OG image preview: use 1200×630 to test Twitter/Facebook share cards.
- Avoid in production: Picsum has no SLA — production should use self-hosted images or a CDN.
Who this is for
Content creators, designers, devs handling images/media — compress before upload, base64 for vision LLMs, QR generation.
FAQ
Are images uploaded to TopDev?
Never. All image processing uses the browser Canvas API. Disconnect from the internet to verify — the tool still works.
Is there image history?
No. After download, images leave the tab when you navigate away. No account, no cloud storage.
Related tools
See all tools →QR Code Generator
QR for URL, WiFi, vCard. Custom colors, download PNG.
NEWImage Compressor
Compress JPG/PNG/WebP, resize, change format — runs in-browser via Canvas API. Image is NOT uploaded anywhere.
NEWGroup Maker
Split a class into N balanced groups, or by group size.
NEWHTTP Status Code Reference
Look up HTTP status codes 1xx-5xx. Search by number or name, click to copy. Useful for debugging APIs.