Image guides
This page groups every guide we publish by the problem it solves, so you can start from a question rather than a list of titles. Each guide is written to answer one thing properly, with worked examples and real file sizes instead of vague advice.
If you already know what you need to do to a file, the tools directory is the faster route. If you are trying to decide what to do in the first place — which format to save in, how much compression is safe, what dimensions a banner should be — start here.
Formats
Which container to save an image in, what each format is actually good at, and when converting is worth the re-encode.
- PNG vs WebP: Which Format Is Better?
A direct comparison for graphics, screenshots and transparent images, including where PNG remains the safer choice.
March 16, 2026 · 5 min read
- What Is WebP and Should You Use It?
What WebP does differently, how much it really saves, and the situations where a JPEG or PNG copy is still worth keeping.
February 2, 2026 · 5 min read
- JPG vs PNG vs WebP: Which Image Format Should You Use?
A practical comparison of the three formats that cover almost every image on the web, with clear rules for choosing between them.
January 12, 2026 · 7 min read
Compression
How lossy and lossless encoders reduce file size, what quality settings really change, and how far you can push them.
- How Image Compression Works
A plain-language explanation of lossless and lossy compression, and why the same settings behave differently on different pictures.
January 26, 2026 · 7 min read
- How to Reduce Image File Size Without Losing Too Much Quality
The order of operations that actually shrinks images: resize first, choose the right format, then tune quality.
January 19, 2026 · 6 min read
Sizing
Choosing pixel dimensions, resizing without distortion, and understanding the difference between resolution and dimensions.
- Image Resolution vs Image Dimensions: What's the Difference?
Why a 300 DPI tag means nothing on the web, and how pixel dimensions actually determine sharpness on screen and in print.
March 30, 2026 · 5 min read
- How to Resize an Image Without Distorting It
Why images stretch, how proportional scaling works, and what to do when the target shape does not match the source.
March 9, 2026 · 5 min read
- 16:9 vs 4:3: Understanding Common Aspect Ratios
Where these two ratios came from, what each is still good for, and how to move between them without ruining the composition.
March 2, 2026 · 5 min read
- What Is Image Aspect Ratio?
How aspect ratio is calculated, why it never changes when you resize proportionally, and how it decides where a platform will crop.
February 23, 2026 · 5 min read
- Best Image Sizes for Websites
Sensible pixel dimensions for hero images, blog content, thumbnails and social previews, and how to think about high-density screens.
February 9, 2026 · 6 min read
Performance
How image weight affects load time, layout stability and the experience of people on slow connections.
- How Large Images Affect Website Performance
The measurable cost of oversized images, from Largest Contentful Paint to mobile data use, and the fixes that move the needle.
March 23, 2026 · 6 min read
SEO
Preparing images so search engines can read, index and rank the pages they appear on.
- How to Optimize Images for SEO
Filenames, alt text, structured markup and loading behaviour: what genuinely helps images get found and what does not.
February 16, 2026 · 7 min read
Where to start
If you are new to image optimisation, read the format comparison first, then the compression guide. Those two cover most of the decisions that affect file size. Sizing and performance guides are worth reading once you are publishing images regularly on a website.
Every guide links to the relevant tool, so you can apply what you read immediately. All processing happens in your browser, so you can test settings on a real file without uploading anything.
New articles are added to the blog and indexed here automatically.