Lorem Picsum Random Image URL Generator
Random picsum.photos image URLs, HTML and CSS in one click.
How to use
- 1 Pick a size preset or enter the width and height you need (tick Square for 1:1).
- 2 Leave seed and id empty for a random image, or add a seed for a stable one.
- 3 Press New random image to get a different photo, and toggle grayscale or blur.
- 4 Copy the image URL, the HTML img tag or the CSS background rule.
About Lorem Picsum Random Image URL Generator
The Lorem Picsum Random Image URL Generator builds ready-to-use placeholder photo links from picsum.photos, the popular "Lorem Ipsum for photos" service, so you can drop realistic images into mockups, prototypes, demos and test pages without hunting for assets. Set a width and height, or tap a preset such as 400×300, 600×400, HD 1280×720, 1080p 1920×1080 or 4K, and the tool assembles the correct picsum URL with a live preview of the image you will get. Every picsum option is covered.
Leave the seed and id empty for a fresh random image on every load, and press New random image to add a random=N parameter so several images on the same page each show a different photo instead of the browser reusing one cached picture. Supply a seed to get a stable random image that stays the same across reloads — the familiar picsum.photos/seed/your-text/600/400 pattern, ideal for list items, cards and snapshot tests — or lock onto one specific photo with an image id. You can convert the picture to grayscale, apply a blur from one to ten, request a file format such as jpg or webp, or tick Square for a 1:1 crop.
The builder validates your inputs and explains any problem in plain language rather than producing a broken link. Besides the bare image URL, the generator writes a complete HTML img tag with width, height, alt text and lazy loading, plus a CSS background-image rule, each with a one-click copy button. Paste them straight into HTML, React or Vue components, a stylesheet, a CMS or your design tool.
Because the URL is constructed entirely in your browser, nothing about your project is sent anywhere; only your own browser fetches the preview directly from picsum.photos. Need an image with your own text or colours that works offline? Use the Placeholder Image Generator instead.
FAQ
How do I get a random image URL from Lorem Picsum?
Use https://picsum.photos/WIDTH/HEIGHT, for example https://picsum.photos/600/400. Every request returns a random photo at that size. Set the size above and copy the generated link.
How do I show several different random images on one page?
Browsers cache identical URLs, so repeat links show the same photo. Add a unique random parameter to each one, e.g. ?random=1, ?random=2 — the New random image button does this for you.
What is the difference between a seed and an image id?
A seed (picsum.photos/seed/abc/600/400) returns a stable random image for that text, while an image id (picsum.photos/id/237/600/400) always points to one specific photo from the Picsum library.
How do I use a picsum image in HTML or CSS?
Copy the generated HTML img tag, or put the URL in an img src attribute. For CSS, copy the background-image rule. Both are produced automatically below the URL.
Can I get a 1080p or 4K image from picsum?
Yes. Use the 1080p (1920×1080) or 4K (3840×2160) preset, or type any width and height up to 5000 pixels.
Can I add my own custom images to Lorem Picsum?
No. Picsum serves its own curated photo library and does not accept uploads. For a custom placeholder with your own size, colours and label, use the Placeholder Image Generator, which runs offline.
Why does the preview need an internet connection?
The URL is built locally, but the preview image itself is fetched live from picsum.photos, so loading the picture requires a connection.