Practical notes on preparing images for the web.
JPEG suits photographs. PNG preserves sharp edges and transparency. WebP can reduce transfer size while keeping useful visual detail.
Retain an original file before resizing or compressing a copy. Export images at dimensions appropriate to their intended display.
Compare fine text, gradients and edges at the size readers will see. Add descriptive alternative text where an image carries information.