Practical guides on web images.
Short, opinionated articles about compressing, resizing, converting and shipping images on the modern web.
WebP vs AVIF vs JPG — which one should you ship in 2026?
A practical comparison of file size, quality and browser support, with real numbers from a 12-image test set.
How to reduce image file size without ruining quality
The minimum-effort recipe for cutting image weight by 60–80% while keeping things sharp on retina displays.
The complete favicon size guide (and the snippet you actually need)
Stop second-guessing. Here are the exact files, sizes and HTML you should ship — and what you can skip.
The best image formats for email newsletters
Why most email clients still don't speak WebP, and what that means for your campaign open-graph images.
Image strategy for Core Web Vitals in 2026
LCP, CLS, INP — how each one is shaped by the images on your page, and the smallest set of fixes that move the needle.
Instagram image sizes — every format, in one cheat sheet
Square posts, reels, stories, carousels, profile photos. Bookmark-worthy reference, updated for 2026.
Lossy vs lossless — when each makes sense
A short, opinionated guide to choosing the right compression model for photos, screenshots, and UI assets.
How to create app icons for a PWA (without losing your mind)
Maskable, monochrome, light/dark — everything you need to ship a polished install experience.