Placeholder Image URL Builder
Build placeholder image URLs for placehold.co, picsum and dummyimage.
Pick a service (placehold.co, picsum.photos, dummyimage.com), set width/height, choose colors and label text, and the tool builds the matching URL plus a live preview. Drop the URL into <img src> or src="" attributes during prototyping.
Common use cases
- Quickly stub <img> tags during early HTML/CSS prototyping
- Generate hero/avatar placeholders for design mockups
- Build random-photo URLs (picsum) for varied demo content
- Embed branded placeholder boxes with custom colors and text
Frequently asked questions
Why three services?▾
placehold.co and dummyimage.com generate solid-color labelled rectangles; picsum.photos returns a real random photo at the requested size. Different prototyping moods.
Will it work offline?▾
Building the URL is offline; loading the preview requires a network because the image is hosted on the third-party service.
Can I bake colors as hex?▾
Yes — drop the # and enter 6-digit hex. Same convention as the underlying services.
Related tools
{}
JSON Formatter & Validator
Beautify, validate and minify JSON instantly in your browser.
↔
JSON ↔ CSV Converter
Convert JSON arrays to CSV and CSV back to JSON.
B64
Base64 Encoder & Decoder
Encode and decode Base64 strings, including UTF-8 and binary.
%
URL Encoder & Decoder
Percent-encode and decode URL components safely.