🖼

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 Browser-only

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.

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 →

NEW

📱

QR Code Generator

QR for URL, WiFi, vCard. Custom colors, download PNG.

NEW

🗜️

Image Compressor

Compress JPG/PNG/WebP, resize, change format — runs in-browser via Canvas API. Image is NOT uploaded anywhere.

NEW

🎨

Color Picker from Image

Drop an image and click to pick HEX/RGB/HSL. Auto-extracts dominant palette. Canvas API, no upload.

NEW

🧬

SVG to React/JSX

Convert SVG to React component. camelCase attrs, currentColor, TypeScript types, size/color props.