Images & Design
How to Compress Images for a Website Without Losing Quality
Images are usually the heaviest part of a web page. Four steps, in the right order, will cut their weight dramatically with no visible difference.
Image Resizer
Resize photos to exact pixel dimensions or scale them by a percentage. Proportions are kept unless you switch that off, so nothing gets stretched by accident.
Runs in your browser. What you enter here is not sent to our server.
How to resize an image
- Add your images.
- Choose pixels or percentage. For pixels, enter a width, a height, or both.
- Leave “Keep the original proportions” ticked to avoid distortion. With both values set, the image is fitted inside that box.
- Download the resized files. The new dimensions are added to each file name.
Common sizes
| Use | Suggested size |
|---|---|
| Full-width website image | 1600 to 1920 px wide |
| Blog post image | 1200 px wide |
| Social sharing (Open Graph) image | 1200 × 630 px |
| Email attachment or inline photo | 800 to 1200 px wide |
| Square profile picture | 400 × 400 px or larger |
Platforms change their recommended sizes from time to time, so check the current guidance for the specific site before preparing important images.
Questions about the Image Resizer
Will resizing make my image blurry?
Making an image smaller keeps it sharp. Making it larger than the original cannot add detail, so enlarged images look soft. Start from the largest original you have.
What happens if I untick “keep proportions”?
The image is forced to exactly the width and height you enter, which stretches or squashes it if the shape differs from the original.
Which format is the result saved in?
The same format you added: JPG stays JPG, PNG stays PNG and WebP stays WebP. Other formats such as GIF or BMP are saved as PNG.