Lorem Picsum Placeholder Image URL Builder
This builder assembles a picsum.photos placeholder URL from your settings and shows the resulting photo in a live preview as you tweak it. Choose a size, turn on grayscale or a blur from 1 to 10, and decide whether you want a fresh random image, a repeatable seeded one, or a fixed image id. When the URL looks right, copy it straight into an img tag, a CSS background, or a design mockup.
How to build a Lorem Picsum URL
- Enter a Width in pixels, then a Height, or tick Square so the height matches the width.
- Optionally tick Grayscale, or tick Blur and drag the slider between 1 and 10.
- Under Image source choose Random for a new photo each load, or Seed or Image id to lock one picture.
- If you picked Seed or Image id, type the seed text or the numeric id into the field that appears.
- Choose jpg or webp in the Format menu and check the live preview on the right.
- Copy the URL from the URL box and paste it into your markup or stylesheet.
Examples
A random 600 by 400 image
width 600, height 400, source Random
https://picsum.photos/600/400.jpg
Stable seeded square with blur
width 300, Square on, seed cat, blur 4
https://picsum.photos/seed/cat/300/300.jpg?blur=4
Fixed image id, grayscale, WebP
width 800, height 600, image id 237, grayscale, webp
https://picsum.photos/id/237/800/600.webp?grayscale
Frequently asked questions
What is Lorem Picsum?
Lorem Picsum is a free service at picsum.photos that returns random placeholder photos at any size you request, handy for mockups and demos.
How do I always get the same image?
Add a seed or an image id. A seed uses the /seed/ path and an id uses the /id/ path, and both return the same photo on every request.
What is the difference between a seed and an image id?
A seed maps any text you choose to a consistent random image. An image id points at one specific photo in the Picsum library by its number.
Can I use a seed and an image id at the same time?
No. The two are mutually exclusive, so the image source is a single choice between Random, Seed, and Image id. Picking one clears the other, and only that path ends up in the URL.
What blur values are allowed?
Blur runs from 1 to 10. Values outside that range are clamped, so 0 becomes 1 and anything above 10 becomes 10. The slider in the tool only lets you choose within that range.
Can I request WebP instead of JPG?
Yes. Choose the webp format and the builder appends a .webp extension so the service returns a WebP image. Leaving it on jpg produces the Picsum default JPEG.
Can I combine grayscale and blur?
Yes. Ticking both adds two query parameters to the URL, giving something like ?grayscale&blur=3. They stack, so the returned image is both desaturated and softened.
Does the tool host or download the images?
No. It only builds a URL that points at picsum.photos, and the live preview loads the picture straight from their servers. You need an internet connection for the preview, and in production the browser fetches each image from Picsum, not from this site.
What size values does it accept?
Width is required and must be greater than zero; decimals are rounded to whole pixels. Height defaults to the width when you leave Square on, so you only have to set one number for a square image.
Learn more
- The picsum.photos URL format explained
How the path picks random, seeded, or fixed images, what the grayscale and blur query flags do, and when to swap placeholders for real art.
Related tools
Data URI Generator
Turn text, SVG or HTML into a data: URI. Pick base64 or compact URL encoding and copy ready-made CSS background and HTML img snippets. Runs in your browser.
SVG Blob Generator
Generate organic SVG blob shapes with a live preview. Set points and randomness, pick a color or gradient, then copy or download the SVG.
QR Code Generator
Create QR codes for a URL, WiFi, contact card, email, SMS, and more. Custom colors and error correction, download PNG or SVG. Nothing is uploaded.
.env to JSON
Convert a .env file to JSON, or JSON back to .env. Parses KEY=value lines, comments, quotes and export. Runs entirely in your browser.
ASCII Table
Full ASCII table for all 128 codes with decimal, hex, octal and binary values, character names and descriptions. Search by code, hex or character.
Aspect Ratio Box Generator
Generate CSS for a responsive aspect-ratio container. Use the modern aspect-ratio property or the padding-top fallback, then copy the ready code.