🖼

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.

All tools

Standard ratios

Common sizes

Width (px)

Height (px)

Seed (optional)

Same seed = same image. Empty = random each load.

Grayscale (?grayscale)

Blur: 0

0-10. 0 = no blur.

Preview

URL

<img> tag

Markdown

Generate multiple unique URLs

Count:

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 &amp; 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.