Crop Image Online: Exact Pixels and Aspect Ratio Presets

Cropping is the quickest way to make a photo look intentional. A product centered in a clean square, a portrait framed at 4:5 for the feed, a banner trimmed to 16:9: the same picture works in more places when the edges are where they should be. The trouble with most phone and desktop croppers is that they guess. You drag a box, the app picks the pixels, and you find out later that your marketplace wanted 2000 pixels and you sent 1,743.

This cropper gives you both: a frame you can drag by hand and number fields that show the exact pixels being kept. Presets lock the shape for common platforms, and the optional resize step makes the final file exactly the size you need. The photo is opened and cropped in your browser, from its full resolution pixels, and never uploaded.

How to crop an image

1. Drop a photo into the box above, click it to choose one, or paste an image with Ctrl+V (Cmd+V on a Mac). JPG, PNG, WebP, GIF, BMP and AVIF all work.
2. Pick a shape: Free for any rectangle, or a preset such as 1:1 Square, 4:5 Portrait, 9:16 Vertical or 16:9 Wide. Type your own ratio into the custom W and H fields for anything else, such as 5:7.
3. Move the frame. Drag inside it to slide it, drag a corner handle to resize it, or drag on the photo outside the frame to draw a new one. On a free crop you can also pull the edge handles.
4. For exact work, type X, Y, Width and Height in pixels of the original photo. With a ratio locked, changing the width updates the height for you.
5. Under Output, choose Keep crop pixels to save exactly the cropped area, or Resize to to scale it to a set width and height in the same step.
6. Pick JPG, PNG or WebP, set the quality for JPG or WebP, and click Crop image. Check the preview and size, then click Download.

Fine tuning: click the photo area and use the arrow keys to nudge the frame one pixel at a time, or ten pixels with Shift held. Center puts the frame in the middle of the photo, Largest grows it to the biggest box that fits the current shape, and Rotate 90° turns a sideways photo before you crop.

Crop presets and what they are for

Each preset locks the frame to a shape. Two of them also set an output size, because those platforms publish a pixel recommendation.

Platform figures were checked in October 2026. Shopify's help center says 2048 by 2048 pixels usually displays best for square product images, with a maximum of 5000 by 5000 pixels and 20 MB per image. Etsy recommends listing photos at least 2000 pixels wide and tall, asks for a first photo that is landscape or square, and warns that files over 1 MB may not finish uploading on slow connections. The Etsy preset uses 4:3 at 3000 by 2250, which meets both rules; lower the JPG quality if your file comes out above 1 MB.

Keep crop pixels or resize?

This choice decides the final size of the file.

• Keep crop pixels saves exactly the area inside the frame. A 1,600 pixel wide crop from a 4,000 pixel photo stays 1,600 pixels wide. Choose this when you want the most detail and no scaling.
• Resize to scales the crop to the width and height you type, in the same step. With a ratio locked, the two numbers stay in proportion, so nothing is stretched. On a free crop the height follows the shape of your frame.

The line under the output settings tells you the final size and warns when the crop is smaller than the output, for example "The crop is 820 px wide, so it will be enlarged and may look soft." Enlarging works, but it cannot add detail. If you see that warning for an important photo, use a larger original or a bigger crop.

Crop, resize or both: a worked example

Cropping removes the edges you do not want. Resizing changes how many pixels the remaining picture has. Mixing them up is the most common reason images look soft or get rejected, so here is one photo taken through both steps.

A phone photo of a leather wallet is 4,032 by 3,024 pixels, about 12 megapixels. The wallet fills the middle third of the frame, with a busy desk around it.

1. Choose 1:1 Square. The largest square that fits is 3,024 by 3,024, so Largest starts there.
2. Drag a corner in until the wallet fills about 80 percent of the square. The width field now reads, say, 2,250.
3. With Keep crop pixels, the file is 2,250 by 2,250. That is above Etsy's 2,000 pixel minimum and slightly above Shopify's 2,048 recommendation, so it can be used as is.
4. With Shopify square 2048, the same crop is scaled down a little to exactly 2,048 by 2,048. Downscaling a bit keeps everything sharp.
5. If you had cropped tighter, to 1,200 pixels, the Shopify preset would enlarge it by 70 percent and the tool would warn you. In that case shoot the product larger in the frame next time, or accept a smaller image.

The same logic works for any platform: crop for composition first, then let the preset handle the final pixel size.

Pixels needed for prints

Print shops usually ask for about 300 pixels per inch for sharp photo prints. Use a custom ratio and the resize step to hit these sizes:

A crop smaller than the 300 ppi figure can still print well at a smaller size, or look fine on a wall where people stand back. The enlargement warning in the tool is a good signal: if it appears for a print, consider a smaller print size.

Composition tips for better crops

• Use the thirds lines. The frame shows a three by three grid. Placing a face, a horizon or the main product where lines cross usually looks more natural than dead center, except for catalog shots, which look best centered.
• Leave room to look into. If a person or an animal faces left, keep more space on the left side of the frame than behind them.
• Do not cut at joints. When cropping people, avoid edges that pass through wrists, elbows, knees or ankles. Crop between joints instead.
• Straighten first. A tilted horizon looks worse after a tight crop. Fix it with the rotate image tool, which has a fine angle slider, then crop.
• Crop for the smallest view. Product thumbnails are often shown at 200 to 300 pixels. If the product is tiny in the frame, shoppers cannot see it in a grid, so crop closer than feels natural at full size.

Cropping product photos that sell

For a store, consistent crops matter as much as the photos. A collection page where every product sits at the same size in the same square looks professional, while mixed crops look like a marketplace bargain bin. A routine that works:

1. Pick one shape for the whole catalog. Square suits most Shopify themes; 4:3 suits Etsy.
2. Leave a similar margin around every product, roughly 5 to 10 percent of the frame on each side. Use the thirds grid lines in the frame to keep the product centered.
3. Crop from the largest original you have, then let the preset resize to the platform size.
4. Save as JPG at 80 to 90 quality for photos. Save as PNG only for graphics or when you need a transparent background.

If you add products by importing them from other stores, AM Jarvis's Product Importer copies the product with all its images into Shopify or WooCommerce, and you can recrop only the photos that need it. For many photos at the same size without cropping by hand, the image resizer has a "cover" mode that crops from the center automatically.

Cropping for social media

Social apps crop your photos too, and not always where you would. Cropping first puts you in control:

• Instagram feed: 4:5 portrait shows the largest image in the feed. The profile grid now shows a 3:4 center crop, so keep the subject in the middle. The Instagram post size guide has a cropper with the grid crop drawn on the preview.
• Stories and Reels: 9:16, and keep text out of the top and bottom strips where the app places buttons and captions.
• YouTube: 16:9 for thumbnails. YouTube's help center now recommends 3840 by 2160 pixels with a minimum width of 640; 1280 by 720 remains a light, common choice. Channel banners have their own safe area, covered by the YouTube banner size tool.
• Pinterest: 2:3 pins at 1000 by 1500 take up more space in the feed than square ones.

JPG, PNG or WebP?

WebP appears only in browsers that can create it. Safari, for example, can display WebP but cannot save it from a web page canvas, so the option is hidden there. To change formats without cropping, use the image converter.

Cropping on a phone

The cropper works on phones and tablets. Tap the drop box to pick a photo from your library or take a new one. The handles have larger touch areas on touch screens, so you can grab a corner with a fingertip. While your finger is on the photo, the page does not scroll, which keeps the frame from jumping; scroll by touching the area outside the photo. For exact numbers, the pixel fields open the number keyboard. The download goes to your Downloads or Files app, from where you can share it to Instagram, Etsy or your store's mobile app. Very large photos from 48 or 50 megapixel phone cameras open more slowly on older phones, so give them a moment.

Troubleshooting

• The frame will not get bigger: with a ratio locked, the frame stops at the photo edge in the tightest direction. Click Largest to see the maximum for that shape, or switch to Free.
• The numbers change when I type: with a ratio locked, the other side follows, and values are kept inside the photo. Choose Free to set each side on its own.
• My phone photo appears sideways: the camera's rotation tag is applied when the photo opens. If it still looks wrong, press Rotate 90°.
• Very large photos: photos above about 60 megapixels are scaled down when opened so the browser can handle them, and the tool tells you when that happens.
• The file is bigger than expected: lower the JPG quality, or resize to a smaller output.

Privacy

The photo is decoded and cropped by your own browser. It is not uploaded, stored or logged, and the saved file does not include the original camera data such as GPS location, so a cropped photo is also a cleaner photo to share. To hide parts of a photo instead of cutting them away, use the blur image tool.