Trashpixel

Single square placeholder

<img lazy
	src="//trashpixel.com/1x1px.svg"
	width="250"
	height="250"
	alt="placeholder: random color"
>

Each request generates a random color pixel.

Flushing the browser cache triggers a new request – changing the pixel color.

Multiple placeholders

<img lazy
	src="//trashpixel.com/1x1px.svg?1"
	width="120"
	height="240"
	alt="placeholder: random color"
	style="object-fit: cover;"
>
<img lazy
	src="//trashpixel.com/1x1px.svg?2"
	width="160"
	height="90"
	alt="placeholder: random color"
	style="object-fit: cover;"
>
<img lazy
	src="//trashpixel.com/1x1px.svg?3"
	width="140"
	height="140"
	alt="placeholder: random color"
>

Using unique ?query URLs, each request is handled individually.

For non-square formats, crop the image via CSS.