Image optimisation
Make images smaller and faster without wrecking quality: compression, resizing and formats.
- Image optimisation WebP vs JPEG vs PNG: which image format should you use? Each format wins in a different situation. A plain comparison of photos, graphics, transparency and compatibility, with a simple decision guide.
- Image optimisation When should you inline an image as Base64 (and when not)? Data URIs save a request but cost size and caching. A short guide to when inlining helps, and a rule of thumb for when it hurts.
- Image optimisation How to compress an image to under 100 KB without it looking bad Upload forms, email limits and slow pages all want smaller images. Here is the order of steps that gets most photos under 100 KB with the least visib…