Image tools
How to resize an image for the web
A photo from a phone is often far larger than a page needs. Resize it to the width the layout actually uses, then compress only if the file is still heavy.
Start from the layout, not the camera
A content image on a typical page is about 800 to 1600 pixels wide. A hero can be wider. A thumbnail can be much smaller. Match the width to the slot, and leave the height to follow.
Keep aspect ratio on so the picture does not stretch. Change the width, let the height update, and preview before you download.
Resize before you compress
Fewer pixels usually shrink the file more than a quality slider alone. If a form rejects the photo for size, resize first, then open Compress only if it is still too large.
JPG and WebP are the usual downloads for photographs. Keep PNG when the image has a transparent background or hard edges such as a logo.
The file stays on this device
The resizer draws the new image in your browser. It is not sent to the server, and the download has no watermark. Keep your original file until the new size looks right.