Lorempics

The Quick & Simple Image Placeholder Service for Developers.

Configure your placeholder image
https://lorempics.com/
Live Preview
Placeholder Preview

How It Works

step1_title

step1_desc

https://lorempics.com/350x150

step2_title

step2_desc

<img src="https://lorempics.com/350x150" />

step3_title

step3_desc

https://lorempics.com/150x150/5CB85C/FFF

step4_title

step4_desc

https://lorempics.com/200x100?fs=30&r=15

Parameter Reference

Parameter Type Description Example
Width × Height Path param_size_desc /400x300
Background Color Path param_bgcolor_desc /400x300/CCC
Text Color Path param_textcolor_desc /400x300/CCC/000
text Query param_text_desc ?text=My+Label
fs Query param_fs_desc ?fs=24
align Query param_align_desc ?align=tl
r Query param_r_desc ?r=20
type Query param_type_desc ?type=jpg

Live Demo

Every image below was generated with a single URL. Click any to open full-size.

Color Combinations

Same dimensions, different background and text color palettes.

Indigo bg — 250x160 placeholder
Dark mode — 250x160 placeholder
Amber tones — 250x160 placeholder
Light green — 250x160 placeholder

Corner Radius Variations

From sharp to fully rounded — controlled with the r parameter.

Sharp corners — 180x180 placeholder
Subtle radius — 180x180 placeholder
Rounded — 180x180 placeholder
Fully round — 180x180 placeholder

Text Alignment Positions

Place text in any of the 9 anchor points with align.

align=tl — 200x140 placeholder
align=tr — 200x140 placeholder
align=mc — 200x140 placeholder
align=bl — 200x140 placeholder
align=br — 200x140 placeholder

Font Size Control

Scale text from small labels to large headings with fs.

Small text — 220x120 placeholder
Medium text — 220x120 placeholder
Large text — 220x120 placeholder
Extra large — 220x120 placeholder

Real-World Use Cases

Common placeholder scenarios: hero banners, avatars, ad slots, product cards.

Banner — 350x200 placeholder
Profile pic — 150x150 placeholder
Ad banner — 300x90 placeholder
Card thumb — 120x160 placeholder