Image Processing Guide · Updated November 7, 2026
Cover vs. Contain vs. Fill: How to Resize Images Without Distortion
When you resize an image to a new width and height with a different aspect ratio—such as turning a 4:3 smartphone portrait into a 1:1 square US passport photo or a 16:9 YouTube thumbnail—the resizer must decide how to handle the extra pixels. Choosing the wrong fit mode stretches faces or cuts off important details.
1. Cover (Crop to Fill) — Best for Passport Photos, Avatars & Thumbnails
In 'cover' mode, the image is scaled proportionally until it completely fills the target width and height, and any overhanging edges on the longer side are cropped away. Because the horizontal and vertical scale factors are identical, faces and objects never look stretched or squashed.
Always use 'cover' for passport photos, visa applications, LinkedIn/Instagram profile pictures, and YouTube thumbnails—any workflow where letterbox bars around the edges are not allowed.
2. Contain (Fit Inside with Padding) — Best for E-Commerce & Product Listings
In 'contain' mode, the entire original image is scaled down proportionally so that both its width and height fit completely inside the target box. If the aspect ratios differ, solid background bars (padding) are added to the sides or top/bottom.
Use 'contain' for Amazon, Etsy, or Shopify product photos when you need a mandatory 1000x1000 or 2000x2000 square canvas without cutting off the top or sides of a tall or wide product. Never use 'contain' for passport or ID photos, as government portals reject photos with artificial letterbox borders.
3. Inside & Outside — Proportional Scaling Without Padding
- Inside: Scales the image proportionally so that neither width nor height exceeds your target dimensions, without adding padding bars. The final pixel dimensions may be smaller than the box on one axis.
- Outside: Scales the image proportionally so that both width and height are at least as large as your target dimensions.
4. Fill (Stretch) — When to Avoid It
In 'fill' mode, aspect ratio lock is ignored and the image is forced to stretch or compress independently along width and height. Avoid 'fill' for portraits, products, or photography, as even a 10% aspect ratio mismatch noticeably distorts human faces.
FAQ
Does interactive cropping override the Fit dropdown?
Yes. When you drag and position the interactive crop box in our editor, your exact selected rectangle is extracted and scaled to the target output dimensions.
Which format keeps the highest quality after resizing: JPEG, PNG, or WebP?
PNG is lossless and ideal for graphics or logos with sharp text. JPEG at quality 88–92 is the universal standard for passport/ID portals and photography. WebP provides 25–35% smaller file sizes than JPEG at equivalent visual quality for modern websites.