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.
LinkedIn image sizes — banners, posts and profile photos
Every LinkedIn image dimension you need in 2026: personal banners, company pages, posts, articles and profile photos.
The definitive Open Graph image guide for 2026
Dimensions, formats, testing tools and common mistakes — everything you need to make your link previews look great.
Batch image processing in the browser — how it works
Process up to 10 images at once without uploading a single file. Here's the architecture behind browser-based batch processing.
PNG vs JPG for screenshots — which should you use?
Screenshots have sharp text and solid colours that behave differently from photos. Here's how to pick the right format.
Lazy loading images — the complete guide
Native lazy loading, intersection observers, and common pitfalls. Everything you need to defer off-screen images correctly.
WebP browser support in 2026 — is it safe to use everywhere?
The current state of WebP support across browsers, email clients and native apps. Spoiler: yes, it's safe.
Image SEO: alt text, file names and what actually matters
The practical checklist for making your images discoverable in Google Image Search without overthinking it.
Responsive images with srcset and sizes — a practical guide
Stop serving desktop-sized images on mobile. Here's how srcset and sizes work, with copy-paste examples.
YouTube thumbnail sizes and best practices for 2026
The exact dimensions, format requirements and design tips for YouTube thumbnails that get clicks.
AVIF encoding is slow — here's why, and what to do about it
AVIF files are tiny, but encoding takes 5–10× longer than WebP. Understanding why helps you decide when the trade-off is worth it.
Dark mode favicons with SVG
How to make your favicon adapt to the user's colour scheme using a single SVG file and the prefers-color-scheme media query.
Image CDN basics — what it is and when you need one
A plain-language explanation of image CDNs, when they make sense, and when browser-based tools are enough.