Resize to the size of your layout
This free tool resizes and crops your images to the exact dimensions of your website, then exports them to WebP, directly in your browser. Type the output width: the height is calculated automatically from the crop box, so the proportions are kept and the image is never stretched.
Crop to an exact height
To get a precise format, fill in Target height, then choose the part of the image to keep with the Top, Middle or Bottom buttons, or with the slider for a finer position. It is useful for a banner (for example 1920 × 600 px from a landscape photo) or to give all your product cards the same height.
You can also move and resize the crop box freely: the area you draw becomes the reference for the height crop.
Common sizes on the web
| Use | Width × height |
|---|
| Social sharing image (Open Graph) | 1200 × 630 px |
|---|
| Article image, 16:9 format | 1200 × 675 px |
|---|
| Full-width banner | 1920 px wide, height depending on your theme |
|---|
| Square product photo | 1000 × 1000 px |
|---|
These are common examples: check the dimensions recommended by your theme or your platform.
Adjust before exporting
Before downloading, you can correct the brightness (globally, or separately for shadows, midtones and highlights), the contrast and the saturation. The preview shows the result and the estimated weight. To lighten the file further, see compress images for your website.
Frequently asked questions
Does resizing distort the image?
No. The height is calculated from the width to keep the proportions, and the height crop cuts the image instead of stretching it.
How do I get an exact size such as 1200 × 630 px?
Type 1200 in Width, then 630 in Target height, and choose the part to keep with the anchor. If the image is too wide for this ratio, first draw a narrower crop box.
Is my original image modified?
No. The original file on your device stays untouched: the tool creates a new WebP file.
