Basic image handling.
WHAT TO KNOW ABOUT SIZE
Dimensions, in pixels File size, in bytes
Those are different, and both matter.
WHAT MOST PEOPLE GET WRONG
Uploading photographs straight from a phone.
WHY THAT IS A PROBLEM
They are far larger than any screen needs, and make pages slow and expensive to load.
WHAT TO DO
Resize before uploading Compress appropriately
WHAT FORMAT TO USE
- Photographs: a compressed format
- Graphics with flat colour or transparency: a lossless format
- Logos and icons: a vector format, where available
WHAT VECTOR MEANS
Scales to any size without losing quality.
WHAT TO BE CAREFUL WITH
Repeatedly saving a compressed image, which degrades it each time Enlarging a small image, which cannot add detail
WHAT TO REMOVE BEFORE PUBLISHING
Metadata, which frequently includes location.
WHAT TO CHECK
How the image crops at different sizes.
WHAT TO KEEP
The original, at full size, separately.