Image Optimization

Image Optimization
Still need to optimize some images

One of the things I see overlooked often is image optimization. It's still important!

I've been using ImageOptim (CLI) and `cwebp` for creating WebP versions.

WebP is pretty well supported, but not fully, so I've been sticking with PNG/JPEG for WordPress sites. Can I Use

For static sites, the 11ty Image plugin is amazing. It optimizes, sizes, and outputs picture elements for supporting different sizes and fallbacks for older browsers.

Even with those tools, it's best to start with a good baseline. Size/crop the image appropriately and choose the best format for the image. I generally use PhotoShop or the Preview app on Mac.

Subscribe to WebDev news from

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.