Free · No signup

Placeholder images from a URL

Drop a URL like /600x400 into your HTML and you get a PNG, SVG, JPG, WebP, or GIF placeholder. Customise size, colours, text, and font with query parameters.

GenerateDocumentation

Dimensions

Appearance

#FFFFFF
#000000

Typography

Live PreviewLive

Your masterpiece will appear here after configuration.

Pro Tip: Use these URLs directly in your HTML/CSS. They are public and available 24/7 with lightning-speed global delivery.

How to use URL parameters

No API keys required. Just build the URL and you're good to go.

Dimensions

Basic width and height in pixels.

imgsrc.pub/300x200

Format

Support for SVG, PNG, JPG, WebP, GIF.

imgsrc.pub/400x300.png

Colors

Hex codes for background and text.

?bg=ff0000&color=fff

Custom Text

Use + for spaces. Default is dimensions.

?text=Hello+World

Typography

Custom font families and sizes.

?font=roboto&size=30

SEO Ready

Semantic HTML with appropriate headers.

alt="Placeholder"
HTML Implementation
<img
  src="https://imgsrc.pub/800x400.png?bg=4F46E5&color=fff&text=Hero+Banner&font=roboto&size=48"
  alt="Placeholder Hero Image"
  width="800"
  height="400"
/>