What is the best way to optimize images with a CDN?

Prioritize size over quality, use backend-controlled URL candidates with srcset/picture, and use Accept headers for formats like AVIF/WebP.

Why control image URLs from the backend not frontend?

Prevents cache fragmentation, eases migrations, ensures backward compat — especially for long-lived native apps — and keeps operations smooth.

Yes — undersized images look bad immediately on high-DPI screens, hurting UX and metrics, while quality tweaks are subtler and less efficient.

🌐 Frontend & Web

Your images are sneaky bandwidth vampires. Here's how CDNs and clever design turn them into speed demons, making sites fly on any device.

theAIcatchup Apr 11, 2026 3 min read

Prioritize image size over quality for visible wins on high-DPI devices. 𝕏
Backend must control URL design to avoid cache chaos and migration nightmares. 𝕏
Use srcset/picture for browser-selected perfection, plus Accept for formats. 𝕏

Published by

Ship faster. Build smarter.

#CDN #CDN optimization #image delivery #image optimization #srcset picture #system-design #web performance

Get the best Developer Tools stories of the week in your inbox — no noise, no spam.

Originally reported by dev.to