Pixel / JPEG Placeholder Blur

Raster placeholders (LQIP, BlurHash) are inherently blurry at small sizes. Adding a CSS filter: blur() in the browser smooths visible pixels further, but bleeds surrounding colors into the image edges. Two fixes: set a background color on the container, or zoom the image slightly (transform: scale(1.1)) so the blurred edge overflows the container. Compare both below.

10px
aaron-burden-151465 2000×1500
SQIP Blurhash
SQIP Blurhash 217 B gz
SQIP Blurhash HD
SQIP Blurhash HD 368 B gz
LQIP Modern (JPEG)
LQIP Modern (JPEG) 211 B gz
LQIP Modern WebP (16px)
LQIP Modern WebP (16px) 100 B gz
LQIP Modern WebP (24px)
LQIP Modern WebP (24px) 225 B gz
LQIP Modern WebP (32px)
LQIP Modern WebP (32px) 315 B gz
anthony-esau-173126 2000×1500
SQIP Blurhash
SQIP Blurhash 245 B gz
SQIP Blurhash HD
SQIP Blurhash HD 399 B gz
LQIP Modern (JPEG)
LQIP Modern (JPEG) 237 B gz
LQIP Modern WebP (16px)
LQIP Modern WebP (16px) 123 B gz
LQIP Modern WebP (24px)
LQIP Modern WebP (24px) 201 B gz
LQIP Modern WebP (32px)
LQIP Modern WebP (32px) 267 B gz
aron-visuals-974734 2000×2500
SQIP Blurhash
SQIP Blurhash 334 B gz
SQIP Blurhash HD
SQIP Blurhash HD 554 B gz
LQIP Modern (JPEG)
LQIP Modern (JPEG) 221 B gz
LQIP Modern WebP (16px)
LQIP Modern WebP (16px) 103 B gz
LQIP Modern WebP (24px)
LQIP Modern WebP (24px) 153 B gz
LQIP Modern WebP (32px)
LQIP Modern WebP (32px) 181 B gz
beach 1024×640
SQIP Blurhash
SQIP Blurhash 239 B gz
SQIP Blurhash HD
SQIP Blurhash HD 391 B gz
LQIP Modern (JPEG)
LQIP Modern (JPEG) 235 B gz
LQIP Modern WebP (16px)
LQIP Modern WebP (16px) 101 B gz
LQIP Modern WebP (24px)
LQIP Modern WebP (24px) 137 B gz
LQIP Modern WebP (32px)
LQIP Modern WebP (32px) 189 B gz
eric-marty-780304 2000×2000
SQIP Blurhash
SQIP Blurhash 275 B gz
SQIP Blurhash HD
SQIP Blurhash HD 458 B gz
LQIP Modern (JPEG)
LQIP Modern (JPEG) 220 B gz
LQIP Modern WebP (16px)
LQIP Modern WebP (16px) 97 B gz
LQIP Modern WebP (24px)
LQIP Modern WebP (24px) 185 B gz
LQIP Modern WebP (32px)
LQIP Modern WebP (32px) 193 B gz
hashbite-consent-manager-logo 360×360
SQIP Blurhash
SQIP Blurhash 279 B gz
SQIP Blurhash HD
SQIP Blurhash HD 569 B gz
LQIP Modern (JPEG)
LQIP Modern (JPEG) 245 B gz
LQIP Modern WebP (16px)
LQIP Modern WebP (16px) 289 B gz
LQIP Modern WebP (24px)
LQIP Modern WebP (24px) 483 B gz
LQIP Modern WebP (32px)
LQIP Modern WebP (32px) 529 B gz
ian-dooley-298769 2000×3000
SQIP Blurhash
SQIP Blurhash 252 B gz
SQIP Blurhash HD
SQIP Blurhash HD 417 B gz
LQIP Modern (JPEG)
LQIP Modern (JPEG) 204 B gz
LQIP Modern WebP (16px)
LQIP Modern WebP (16px) 83 B gz
LQIP Modern WebP (24px)
LQIP Modern WebP (24px) 99 B gz
LQIP Modern WebP (32px)
LQIP Modern WebP (32px) 121 B gz
mona-lisa 1200×1788
SQIP Blurhash
SQIP Blurhash 327 B gz
SQIP Blurhash HD
SQIP Blurhash HD 682 B gz
LQIP Modern (JPEG)
LQIP Modern (JPEG) 227 B gz
LQIP Modern WebP (16px)
LQIP Modern WebP (16px) 119 B gz
LQIP Modern WebP (24px)
LQIP Modern WebP (24px) 165 B gz
LQIP Modern WebP (32px)
LQIP Modern WebP (32px) 197 B gz