How to resize an image without cropping it
If the target canvas has a different aspect ratio from your image, something has to give: either you crop, or you pad. Padding keeps the whole picture.
Last reviewed 2026-01-15
Fit instead of fill
Fit scales the image until it fits entirely inside the canvas, leaving empty space on two sides. Fill scales until the canvas is covered and trims the overflow. When nothing can be lost, choose fit.
Choosing a background
White reads as clean and neutral on light feeds; black suits cinematic and dark imagery; a colour sampled from the image itself makes the padding feel deliberate rather than accidental. Transparent works only if you export PNG or WebP.
Or change the canvas instead
Sometimes the better answer is a different destination. If your photo is 4:3 and you're forcing it into 9:16, consider whether a 4:5 post would serve the image better than a heavily padded story.
Related tools
- Add padding around an imageAdd uniform padding or a coloured border around an image so nothing gets cropped. Browser-based and free.
- Resize an image to exact dimensionsResize any JPG, PNG or WebP to exact pixel dimensions in your browser. No signup, no upload, no watermark.
- Crop an image to any aspect ratioCrop photos to 1:1, 4:5, 16:9 or any custom ratio right in the browser. Drag to reposition, zoom, and download.
Related guides
Sources
- MDN Web Docs — Canvas API