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.
Background Color Black White Vibrant DarkVibrant LightVibrant Muted DarkMuted LightMuted
Edge Fix Background Color Zoom (scale 1.15) None
Variants SQIP Blurhash SQIP Blurhash HD LQIP Modern (JPEG) LQIP Modern WebP (16px) LQIP Modern WebP (24px) LQIP Modern WebP (32px)
Card Size Auto 150px 300px 600px
aaron-burden-151465 2000×1500
SQIP Blurhash HD 368 B gz
LQIP Modern (JPEG) 211 B gz
LQIP Modern WebP (16px) 100 B gz
LQIP Modern WebP (24px) 225 B gz
LQIP Modern WebP (32px) 315 B gz
anthony-esau-173126 2000×1500
SQIP Blurhash HD 399 B gz
LQIP Modern (JPEG) 237 B gz
LQIP Modern WebP (16px) 123 B gz
LQIP Modern WebP (24px) 201 B gz
LQIP Modern WebP (32px) 267 B gz
aron-visuals-974734 2000×2500
SQIP Blurhash HD 554 B gz
LQIP Modern (JPEG) 221 B gz
LQIP Modern WebP (16px) 103 B gz
LQIP Modern WebP (24px) 153 B gz
LQIP Modern WebP (32px) 181 B gz
beach 1024×640
SQIP Blurhash HD 391 B gz
LQIP Modern (JPEG) 235 B gz
LQIP Modern WebP (16px) 101 B gz
LQIP Modern WebP (24px) 137 B gz
LQIP Modern WebP (32px) 189 B gz
eric-marty-780304 2000×2000
SQIP Blurhash HD 458 B gz
LQIP Modern (JPEG) 220 B gz
LQIP Modern WebP (16px) 97 B gz
LQIP Modern WebP (24px) 185 B gz
LQIP Modern WebP (32px) 193 B gz
hashbite-consent-manager-logo 360×360
SQIP Blurhash HD 569 B gz
LQIP Modern (JPEG) 245 B gz
LQIP Modern WebP (16px) 289 B gz
LQIP Modern WebP (24px) 483 B gz
LQIP Modern WebP (32px) 529 B gz
ian-dooley-298769 2000×3000
SQIP Blurhash HD 417 B gz
LQIP Modern (JPEG) 204 B gz
LQIP Modern WebP (16px) 83 B gz
LQIP Modern WebP (24px) 99 B gz
LQIP Modern WebP (32px) 121 B gz
mona-lisa 1200×1788
SQIP Blurhash HD 682 B gz
LQIP Modern (JPEG) 227 B gz
LQIP Modern WebP (16px) 119 B gz
LQIP Modern WebP (24px) 165 B gz
LQIP Modern WebP (32px) 197 B gz