Lorem Pixel Generator
Generate placeholder image URLs from Lorem Picsum, Placehold.co and DummyImage — live preview, blur, grayscale, custom colors, and copy-ready HTML / JSX / CSS / Markdown snippets.
About this ToolHow it works, benefits & use casesTap to collapse
Generate placeholder image URLs for mockups and prototypes from three working services — Lorem Picsum for real photography, and Placehold.co and DummyImage for solid-colour canvases with custom text. Pick a service and the relevant controls appear: Picsum offers a seed (to pin one reproducible photo), grayscale, and a blur slider; the solid services let you set background and text colours plus overlay text. Set width and height directly, lock the aspect ratio while you resize, apply a one-tap ratio (1:1, 16:9, 9:16…), swap orientation, or choose a common preset size. A live preview renders the actual URL on a checkerboard frame, with a shuffle button for a fresh random photo. The output panel gives you the URL plus copy-ready HTML, JSX, CSS background, and Markdown snippets. Everything is encoded in a shareable URL.
How to Use
- 1Choose a service — Lorem Picsum, Placehold.co, or DummyImage — at the top.
- 2Set Width and Height, lock the aspect ratio if you want proportional resizing, or pick a ratio chip or a common preset size.
- 3Adjust the service-specific options: seed, grayscale, and blur for Picsum; background, text colour, and overlay text for the solid services; then pick a format.
- 4Watch the live preview update, and click Shuffle (Picsum) for a new random photo.
- 5Switch the snippet tab to URL, HTML, JSX, CSS, or Markdown and copy, download, or share it.
Key Benefits
- Three real services: Lorem Picsum photos plus Placehold.co and DummyImage solids
- Picsum seed for reproducible photos, grayscale, and a 0–10 blur slider
- Custom background, text colour, and overlay text for the solid services
- Aspect-ratio lock, one-tap ratios, orientation swap, and preset sizes
- Live preview of the actual URL with a shuffle for new random photos
- Copy-ready URL, HTML, JSX, CSS background, and Markdown snippets
- Per-service format options and a fully shareable state URL
Common Use Cases
- Filling a layout or wireframe with placeholder images before real assets exist
- Generating component-story or Storybook images at exact dimensions
- Producing a solid-colour placeholder with custom label text for a design spec
- Pinning a reproducible Picsum photo via a seed so a teammate sees the same image
- Grabbing a ready-to-paste img tag, JSX element, or CSS background for a prototype
Lorem Picsum options
A seed pins one specific photo so the URL is reproducible and shareable.
Copy, download, share, or pipe to another tool
https://picsum.photos/1280/720.jpg
About placeholder images
Drop these URLs into mockups, prototypes, and component stories before the real assets exist. Lorem Picsum serves real photography (seedable, with blur and grayscale), while Placehold.co and DummyImage render solid-colour canvases with your own dimensions, colours, and overlay text.
Was this tool helpful?
Share Your Experience
Help others discover this tool!
Related tools
- Image to Base64Convert images to Base64 strings
- Skeleton Screen GeneratorBuild layout-matched skeleton loaders (card/list/article/table) with shimmer/pulse/wave and a live preview
- Text to SlugConvert text to URL-friendly slugs
- Lorem Ipsum GeneratorGenerate placeholder text for your designs
- Image Optimization CalculatorPlan responsive images — recommended breakpoints with ×1/×2 DPR, ready-to-paste srcset/picture/Next.js <Image> markup, per-format byte estimates, and total savings vs shipping the full-size original
- PNG to ICOConvert PNG images to multi-resolution .ico favicons at any size
Lorem Picsum serves real random photography and supports a seed, grayscale, and blur. Placehold.co and DummyImage generate solid-colour canvases where you set the background colour, text colour, and overlay text. The tool shows only the options each service actually supports.
A seed pins one specific photo, so the same seed always returns the same image and the URL is reproducible and shareable. Clear the seed and Picsum serves a new random photo on each load; the Shuffle button assigns a fresh random seed for a different photo.