A buggy little placeholder image service.

Bug Image URL Builder

Width

Height

Saturation

Blur

Contrast

Tint

Placeholder Bug Image

Dimensions `/{width}/{height}`

/api — Square
/api

/100/300 — Portrait
/100/300

/784/300 — Landscape
/784/300

Saturation `?saturation={1-9}`

?saturation=1 — Min
?saturation=1

?saturation=2 — Mid
?saturation=2

?saturation=9 — Max
?saturation=9

Blur `?blur={1-9}`

?blur=1 — Min
?blur=1

?blur=3 — Low
?blur=3

?blur=6 — Mid
?blur=6

?blur=9 — Max
?blur=9

Contrast `?contrast={1-9}`

?contrast=2 — Min
?contrast=2

?contrast=3 — Low
?contrast=3

?contrast=5 — Mid
?contrast=5

?contrast=7 — High
?contrast=7

?contrast=9 — Max
?contrast=9

Tint`?tint={hex-color}`

?tint=ff6b6b — Red
?tint=ff6b6b

?tint=ff922b — Orange
?tint=ff922b

?tint=ffd93d — Yellow
?tint=ffd93d

?tint=51cf66 — Green
?tint=51cf66

?tint=4ecdc4 — Blue
?tint=4ecdc4

?tint=6366f1 — And
?tint=6366f1

?tint=ae3ec9 — Purple
?tint=ae3ec9

What is the meaning of this?

A buggy little placeholder image service featuring my own real photos of insects, spiders, moths, and such.. Just for fun!

• Next.js • TypeScript • Tailwind • GSAP • Sharp • 20+Years of tinkerin' •

~ Brandon Haun .com