Long before "placeholder image" meant a gray box with dimensions printed on it, print designers filled unfinished layouts with "greeking" — nonsense marks standing in for text and images alike — and the dedicated placeholder-image services that exist today, from the cat photos of placekitten.com to the curated stock shots of Lorem Picsum, are a direct digital descendant of that older print habit.
Why placeholders matter at all
A placeholder with the right proportions lets you immediately see how content wraps around an image of the intended size, without waiting for final graphics from a designer or photographer. That speeds up development and lets layout and content work happen in parallel.
The same job as lorem ipsum, for pictures
A placeholder image does for a layout exactly what lorem ipsum text does for a paragraph: it signals "don't judge the content yet, judge the shape." Both tools solve the same underlying problem — filling a composition so reviewers can evaluate proportions, spacing, and hierarchy without a half-finished asset distracting from the structure that's actually being tested.
Testing responsiveness without real images
Placeholders of different sizes and aspect ratios help verify how a layout behaves across screens — whether it breaks when an image is square instead of landscape, or whether cropping behaves correctly as the window is resized.
Why you'd need this
- Quickly fill a layout with images of the right size before the real graphics are ready.
- Test a layout's responsiveness against images of different aspect ratios.
- Show a client or team the structure of a page without waiting for final content.
Placeholder formats: SVG versus raster images
Placeholders can be generated as raster images (PNG, JPEG) or as SVG — a vector format that scales without any loss of quality. An SVG placeholder usually weighs just a few kilobytes regardless of the size you set, since it describes geometric shapes and text rather than storing pixel data. A raster format is more useful when you need to closely simulate the file weight of the eventual real image, for testing a page's loading performance.