Image guides
Short, specific answers to the questions that come up while you're converting and compressing: which format to use, how much WEBP really saves, and the order of operations that shrinks a file without visibly damaging it.
- Updated · 6 min readJPG vs PNG: which one should you actually use?One throws away detail to stay small, the other keeps every pixel and every transparent edge. Here is how to pick without guessing.
- Updated · 7 min readJPG vs WEBP: is it worth converting your images?WEBP typically saves 25–35% over an equivalent JPG. Here is where that saving is real, where it isn't, and what you give up.
- Updated · 8 min readHow to reduce image file size without wrecking the pictureMost oversized images are oversized for one boring reason: the dimensions are far larger than anywhere they're displayed. Fix that first, then compress.
- Updated · 6 min readHow to compress an image to 100KB (without it looking terrible)100 KB is the most common upload limit on the web. Here is what actually gets you there, in what order, and where the quality really goes.
- Updated · 5 min readImage size requirements for online forms, explainedPixels, millimetres, kilobytes and DPI all describe different things — and forms mix them freely. Here is how to translate a requirement into something you can actually produce.
- Updated · 6 min readPNG vs WEBP: which lossless-friendly format wins?Both handle transparency. Only one of them can also shrink a photo-heavy image by 60-80%. Here is when that gap actually matters.
- Updated · 7 min readHow to resize an image without stretching, blurring or cropping the wrong partResizing looks trivial until the aspect ratio doesn't match and something gets squashed. Here is how to do it properly, every time.
- Updated · 6 min readImage dimensions vs file size: why a bigger picture isn't always a bigger filePixels, quality and format each move file size independently. Understanding how they interact stops you fixing the wrong one.
- Updated · 7 min readHow to prepare images for a website (a checklist that actually gets used)Most site speed problems are image problems. A short, repeatable process fixes the majority of them before an image ever gets uploaded.
- Updated · 6 min readHow to choose the right image format, every timeJPG, PNG, WEBP, GIF, SVG, TIFF — each one was built for a specific job. Pick by content type and you'll rarely get it wrong.
- Updated · 7 min readCommon image format problems, and how to actually fix themWhite boxes where transparency should be, files that won't open, uploads that get rejected. Most of these have the same root cause.
- Updated · 8 min readUnderstanding image quality and compression settings'Quality 80' means something different in every tool and every format. Here is what the number actually controls, and how to use it with confidence.