Boneyard Tools

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

  1. Enter a Width in pixels, then a Height, or tick Square so the height matches the width.
  2. Optionally tick Grayscale, or tick Blur and drag the slider between 1 and 10.
  3. Under Image source choose Random for a new photo each load, or Seed or Image id to lock one picture.
  4. If you picked Seed or Image id, type the seed text or the numeric id into the field that appears.
  5. Choose jpg or webp in the Format menu and check the live preview on the right.
  6. 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

Related tools