About Sample Images

Download standard-size placeholder images or generate a custom size. Part of the DevTools Surf developer suite. Browse more tools in the Images collection.

Use Cases

• Filling image slots in wireframes during early design phases
• Testing responsive image behavior across breakpoints
• Generating placeholder assets for frontend component libraries
• Creating sample content for CMS demo environments

Tips

• Choose from standard sizes like 1920x1080 or 800x600
• Generate custom dimensions for specific design mockups
• Download directly to use as placeholder assets in prototypes

Fun Facts

• The most common placeholder image service, placeholder.com, served over 8 billion images before shutting down in 2023.
• The 1920x1080 resolution (Full HD) was standardized by the ATSC in 1987 but didn't become mainstream until the late 2000s.
• The term 'lorem ipsum' placeholder text was first used alongside placeholder images in the 1960s typesetting industry.

FAQ

What sizes are provided?

Common ones: 16×16 (icon), 64×64 (thumb), 300×200 (card), 1920×1080 (hero), 4000×3000 (print). Plus custom — type any dimensions.

Are the images original?

Generated gradients, checkerboards, and geometric patterns. For real photos, use Picsum Picker.

What's the color?

Solid color, two-tone gradient, or checkerboard. Pick from common dev-placeholder styles.

Useful for what?

Testing image-handling code with guaranteed dimensions and file sizes. Diagnosing CDN/resize issues with deterministic inputs.