Lorem Picsum URL Builder
Build URLs for Lorem Picsum placeholder images. Configure dimensions, blur, grayscale, and seeds. Useful for mockups, design previews, and any layout where you need real-looking images without uploading anything.
Preview
How to use the Lorem Picsum URL Builder
Set width/height; the URL updates live. A seed locks the image (refreshes won't change it) — useful in design systems where the same placeholder must appear consistently. Blur and grayscale are post-processing applied by Picsum's CDN.
Placeholder photos by URL
Mockups and prototypes need images that look real, but wiring up actual photography too early is a distraction — and grey boxes don't reveal how a layout breathes with real content. A URL-driven placeholder service fills that gap.
This builder constructs Lorem Picsum URLs from your settings: dimensions, optional blur and grayscale, and a seed that locks a specific image so refreshes don't shuffle it. Drop the URL straight into an <img> tag or a design comp. If you'd rather not depend on a remote service, the OpenGraph image builder generates images locally instead.
Common use cases
- Mockups — drop realistic photos into a layout instantly.
- Design systems — lock a seed so a placeholder stays consistent.
- Responsive testing — request exact sizes to test breakpoints.
- Loading states — preview blurred low-res placeholders.
- Demos — populate a prototype without sourcing real images.