How to Crop a Photo in Photoshop: By Contour, Circle and Shape


Article by the gdefoto studio

How to Crop a Photo in Photoshop: By Contour, Circle and Shape

From exact pixel dimensions to perfect circles and transparent cutouts, every crop technique Photoshop actually offers.

What Cropping Really Does to a Photo

Cropping is the fastest way to turn a mediocre photo into a strong one. It is also one of the most misunderstood tools in Photoshop, because cropping can mean four different operations depending on what you actually need: trimming a rectangle down to a tighter frame, forcing an image into an exact pixel size or aspect ratio for a specific platform, cutting a subject out along its outline so the background disappears, or carving a photo into a circle, oval, or custom shape for a logo, avatar, or icon. Each of these uses a different tool inside Photoshop, and mixing them up is the single most common reason beginners end up with pixelated, stretched, or oddly framed images.

The good news is that once you understand which tool belongs to which job, cropping in Photoshop becomes almost mechanical. The Crop Tool (C) handles simple rectangular trims and exact-size output. The Marquee tools, Lasso family, and Select Subject handle outline-based extraction. The Elliptical Marquee and Pen Tool handle circles and custom shapes, paired with layer masks so nothing is destroyed permanently. Canvas Size and Content-Aware Fill step in when you need to add space instead of remove it, which is its own kind of cropping in reverse.

This guide walks through every method in order of complexity: exact-size and aspect-ratio crops first, then subject-outline extraction, then circular and custom-shape crops with transparent export, and finally a set of real-world scenarios sellers and small business owners run into constantly, marketplace listing photos, round logos and avatars, clean product shots on white, and straightening a tilted phone photo before you crop it at all. By the end you will know exactly which tool to reach for and why.

Crop Tool Basics: Exact Size, Aspect Ratio, and Resolution

The Crop Tool (C) is the tool you reach for in about 80 percent of everyday cropping jobs. It removes pixels outside a rectangle you draw and, unlike a simple selection, it also changes the canvas size of the whole document to match. Here is the basic workflow:

  1. Open the image. File > Open, or Ctrl+O.
  2. Select the Crop Tool. Click its icon in the toolbar, or just tap the C key.
  3. Drag the crop frame. Photoshop overlays a grid on the image. Drag any corner or edge handle to resize the frame; hold Shift while dragging a corner to keep the current aspect ratio locked.
  4. Reposition if needed. Click and drag inside the frame to move the image underneath it without changing the crop size.
  5. Commit the crop. Press Enter, or double-click inside the frame. Everything outside the frame is discarded and the canvas shrinks to match.

Turn on the rule-of-thirds overlay, it is the default grid shown while the Crop Tool is active, to line up a subject's eyes, horizon, or focal point along the intersecting lines instead of dead center. It is a small habit that makes almost every crop look more deliberate. If a crop goes wrong, Ctrl+Z undoes the last step, and the History panel (Window > History) lets you step back further or jump to an earlier state entirely.

Cropping to an Exact Size in Pixels or Inches

Visual dragging is fine for casual work, but marketplaces, print labs, and website templates usually demand an exact width, height, and resolution. There are two ways to get there in Photoshop, and they are not interchangeable.

Image > Canvas Size changes the outer dimensions of the document without scaling the pixels inside it. If you make the canvas smaller, it crops from the edges or center, depending on the anchor you pick; if you make it larger, it adds blank or extended space around the existing image. This is the correct tool when you need to add margin, not remove detail.

Image > Image Size resamples the actual pixel data, scaling everything up or down to hit a target width and height. This is resizing, not cropping, and it is what you use after a crop to hit a final delivery dimension such as 2000 by 2000 pixels for a marketplace listing.

The cleanest way to combine an exact aspect ratio with an exact pixel size in one move is through the Crop Tool's own option bar. With the Crop Tool active, the dropdown on the left of the options bar lets you switch from Ratio mode to W x H x Resolution mode. Type an exact width, height, and resolution, for example 2000 px by 2000 px at 72, and every crop frame you draw from that point on is locked to those numbers. Drag the frame anywhere on the image, press Enter, and Photoshop delivers a file at exactly that pixel size, no separate resampling step required.

Choosing the Right Aspect Ratio

The ratio dropdown in the Crop Tool's option bar includes common presets, and you can also type a custom ratio directly into the two fields, for example 4:5 or 3:2. A few ratios come up constantly in real work:

  • 1:1 (square). Standard for Amazon and Etsy main listing images, Instagram feed posts, and most profile pictures.
  • 4:5 (vertical). Used for Instagram and Facebook feed posts because it takes up more vertical space than a square without becoming a full portrait crop.
  • 16:9 (widescreen). Standard for YouTube thumbnails, banner ads, and most website hero images.
  • 2:3 or 3:2. The native ratio of most DSLR and mirrorless sensors, useful when you want a minimal crop that respects the original framing.

The lock icon next to the width and height fields toggles Constrain Proportions; keep it on whenever you resize after cropping so a rectangle does not get squashed into an oval or a person does not end up looking stretched.

Resolution: 72 DPI vs 300 DPI

Resolution only matters for print. A photo destined for a screen, a marketplace listing, a website, or social media does not need more than 72 to 96 DPI; the pixel dimensions, 2000 by 2000 for example, are what actually control sharpness on screen, not the DPI number. For anything headed to a printer, whether that is a postcard, a poster, or a product insert, set resolution to 300 DPI in Image Size before you finalize the crop, because print quality depends on pixels per physical inch, and a low-DPI file will look soft or blocky once it comes off the press.

Cropping Without Losing Quality

Every crop throws pixels away permanently once you flatten and save, so keep a couple of habits in place. Work on a duplicate layer, or convert the image to a Smart Object first, right-click the layer and choose Convert to Smart Object, before cropping and scaling; Smart Objects retain the original pixel data, so if you crop too tight or scale up and regret it later, you can revert without quality loss. Also keep your original file untouched and export the cropped version through File > Save As or File > Export > Export As, rather than overwriting the source image.

Cropping by Contour: Cutting a Subject Out Along Its Outline

Cropping by contour, sometimes called cutting out or extracting a subject, removes everything except the shape of the object itself: a bottle, a person, a piece of jewelry, a logo. Instead of a straight-edged rectangle, the final image follows the exact outline of the subject, with everything else gone or transparent. This is the technique behind product cutouts, portrait extractions for design work, and any image that needs to sit cleanly on a different background later.

Fast Selection with Select Subject and Quick Selection

Photoshop's Select Subject button appears in the option bar the moment you pick the Quick Selection Tool (W) or the Object Selection Tool. It analyzes the photo and automatically selects the most prominent object, and on clean product shots or single-subject portraits it gets remarkably close on the first try. Click it, review the marching-ants outline, then refine:

  1. Select Subject. One click generates an initial selection around the main object.
  2. Add or subtract manually. With the Quick Selection Tool, hold Shift and paint over any part of the subject that got missed; hold Alt (Option on Mac) and paint over any background that got included by mistake.
  3. Refine the edge. Click Select and Mask in the option bar to open a dedicated workspace for edge cleanup, covered below.
  4. Copy to a new layer. Press Ctrl+J. This duplicates only the selected pixels onto a fresh layer, leaving the original background layer untouched underneath.
  5. Hide or delete the background layer. Click the eye icon next to the original layer to hide it, or delete it outright if you are sure you no longer need it. What remains is the subject alone, floating on a transparent layer.

Manual Precision with the Pen Tool

Automatic selection struggles with low-contrast edges, busy backgrounds, or objects that share a color with what is behind them. For those cases, the Pen Tool (P) still produces the cleanest outline in the program. Click along the edge of the subject to place anchor points, dragging as you click to create curved segments that hug rounded shapes such as a shoulder or a bottle neck. Close the path by clicking back on the starting point, then right-click and choose Make Selection, or press Ctrl+Enter, to convert the finished path into a standard selection. From there, the same Ctrl+J and hide-background workflow applies.

A Pen Tool outline takes longer than Select Subject, but it is worth the extra minutes for hero images, catalog covers, or anything printed large, because a hand-drawn path never has the soft, slightly inconsistent edge that automatic selections sometimes leave on hard-edged objects like electronics or packaging.

Cleaning Up Difficult Edges: Hair, Fur, and Fine Detail

Hair, fur, fabric fringe, and translucent materials are the hardest thing to cut out cleanly because a single selection line cannot represent hundreds of individual strands. This is what Select and Mask, opened from the option bar of any selection tool or via Select > Select and Mask, is built for:

  • Refine Edge Brush. Paint directly over the fuzzy boundary between hair and background; Photoshop analyzes the texture underneath and rebuilds a soft, detailed edge instead of a hard cutout line.
  • Smooth, Feather, and Contrast sliders. Smooth removes jagged stair-stepping from a selection edge, Feather softens the transition slightly, and Contrast tightens a soft edge back up when it looks too fuzzy.
  • Shift Edge. Nudges the entire selection boundary in or out by a percentage, useful for shrinking a selection just enough to remove a thin halo of background color that clings to the edge.
  • Output To. Choose Layer Mask rather than Selection or New Layer when you finish, so the extraction stays fully editable afterward.

Non-Destructive Extraction with Layer Masks

Deleting background pixels outright is permanent the moment you flatten the file. A layer mask achieves the same visual result while keeping every original pixel intact underneath. With your selection active, click Add Layer Mask at the bottom of the Layers panel; Photoshop paints the mask white inside the selection and black outside it, hiding everything outside without deleting it. If a client asks for a slightly different crop line later, or you notice you clipped a finger or a strand of hair, grab the Brush Tool (B), paint with white to reveal more of the original image or black to hide more, no need to redo the selection from scratch.

Exporting a Contour Cutout

A subject cut out by contour only looks correct once it is saved in a format that supports transparency. Flatten nothing; go to File > Export > Export As, choose PNG, PNG-24 for full color depth and a clean alpha channel, and confirm the transparency checkbox is enabled. JPG cannot hold transparency at all, it will fill the empty area with solid white, so save cutouts destined for a different background, a marketplace template, or a logo file as PNG, and reserve JPG for finished flattened photos where the background is meant to stay.

Cropping Into a Circle or Custom Shape

Round crops and custom-shape crops use a different toolset from rectangular cropping, because the Crop Tool itself only ever produces straight-edged rectangles. Circles, ovals, badges, and irregular icon shapes are built with a selection tool plus a layer mask, then exported with transparency so the shape reads correctly wherever it gets placed.

Cropping Into a Perfect Circle

  1. Choose the Elliptical Marquee Tool (M). It shares a flyout menu with the Rectangular Marquee Tool in the toolbar; click and hold the marquee icon until the flyout appears, then pick the elliptical version.
  2. Draw the selection. Click and drag across the area you want circular. Hold Shift while dragging to constrain the ellipse to a perfect circle instead of an oval. Hold the Spacebar mid-drag to reposition the selection without changing its size, which makes it much easier to center a circle exactly over a face or a logo mark.
  3. Duplicate to a new layer. Press Ctrl+J to copy the selected circular area onto its own layer, leaving the original image untouched below.
  4. Remove the background. Hide or delete the original layer's visibility so only the circular layer remains visible, or, for a non-destructive result, click Add Layer Mask instead of duplicating, which hides everything outside the circle while preserving the full original image on the layer underneath.

For pixel-perfect placement, turn on rulers with View > Rulers (Ctrl+R) and drag out guides, or use View > New Guide Layout to place exact horizontal and vertical guides before drawing the ellipse. This matters most for avatars and profile pictures, where an off-center circle is immediately obvious once it is placed inside a round frame on a website or app.

Cropping Into Custom and Irregular Shapes

Some jobs call for a shape that is neither a rectangle nor a circle: a rounded badge, a shield outline, a die-cut sticker shape, or a completely freeform silhouette. Photoshop offers three routes depending on how precise the result needs to be:

  • Lasso Tool (L). Freehand drawing, click and drag around the area you want, released to close the loop automatically. Fast, but shaky by hand unless you are working with a stylus or trackpad.
  • Magnetic Lasso Tool. Sits in the same flyout as the Lasso Tool. It snaps to contrast edges as you move the cursor near them, which makes it far more accurate than the plain Lasso for cutting along a defined outline without needing perfectly steady hands. Click periodically to lock down anchor points if it starts to drift off the edge.
  • Custom Shape Tool or Pen Tool for geometric shapes. For a badge, rounded square, star, or any shape that needs to be mathematically clean rather than hand-traced, draw the shape as a vector path with the Custom Shape Tool or the Pen Tool, then right-click the path and choose Make Selection, or Ctrl+Enter, before proceeding with Ctrl+J or a layer mask exactly as with the circular workflow.

Once any of these shapes is selected, the rest of the process matches the circle: Ctrl+J to isolate it on its own layer, or Add Layer Mask for a version you can still adjust later.

Smoothing the Edge So It Doesn't Look Cut Out with Scissors

A raw selection edge, especially on a circle, often looks slightly harsh or pixelated once placed on a new background. Two settings fix this before you commit the selection:

  • Anti-alias. Available in the option bar for the Elliptical Marquee and Lasso tools; it smooths the transition between selected and unselected pixels by one pixel, removing the visible stair-step along curves. Leave it checked for circles and organic shapes.
  • Feather. Also in the option bar, or under Select > Modify > Feather after the fact. A small feather, 1 to 2 pixels, softens the very edge of the cutout just enough to blend naturally; too much feather blurs the shape itself, so keep the value low for logos and avatars where a crisp edge matters.

Exporting with a Transparent Background

A circular or custom-shape crop is only useful if the area outside the shape is genuinely transparent rather than filled with white or the platform's own background color. Before exporting, delete or hide every layer except the shaped cutout, confirm the checkerboard pattern, Photoshop's visual marker for transparency, is visible around the shape in the canvas, then go to File > Export > Export As and choose PNG-24. PNG-24 keeps full color depth alongside an alpha channel, so the round or custom-shaped image drops cleanly onto any background color, dark or light, without a visible box around it. Avoid PNG-8 for anything with soft or feathered edges; its limited color palette can introduce a faint fringe or banding around the curve.

Building Multiple Sizes from One Master Shape

Logos and avatars are almost always needed in more than one size: a large version for a website header, a small one for a favicon, another for social profile pictures. Keep the circular or shaped cutout as a Smart Object, then use Image Size to generate each exported size from the same master file rather than re-cropping from scratch each time. This guarantees every size shares identical centering and proportions instead of drifting slightly between exports.

The techniques above cover every tool involved in cropping. The scenarios below show how sellers, small business owners, and everyday users actually combine them.

Cropping a Marketplace Listing Photo

Amazon, Walmart, and most other US marketplaces require a square 1:1 main image, a pure white or near-white background, and the product filling roughly 85 percent of the frame, with a minimum dimension of 1000 pixels and 2000 pixels or larger recommended so the built-in zoom feature stays sharp. Etsy and Shopify are more flexible on background color but still favor a consistent square or 4:5 crop across a shop's whole catalog so the grid of thumbnails looks uniform. The practical order of operations:

  1. Shoot or import the raw product photo.
  2. Use Select Subject to isolate the product, then Select and Mask to clean the edge if the product has fine detail like fabric texture or jewelry chain.
  3. Set the Crop Tool to W x H x Resolution and enter 2000 px by 2000 px at 72, then position the frame so the product sits centered with even margin on all sides.
  4. If the product does not fill enough of the square, use Content-Aware Fill, Edit > Content-Aware Fill or Shift+F5, to extend a plain white or seamless backdrop outward rather than stretching the product itself.
  5. Flatten and export as JPG at maximum quality for the marketplace upload, since most platforms convert PNG to JPG anyway and a pure white background rarely needs transparency.

Cropping a Round Avatar or Logo

Profile pictures on nearly every platform, social networks, review sites, chat apps, get placed inside a circular mask automatically by the platform itself, but the source file should still be pre-cropped to a circle so nothing important lands outside the visible round area. Draw a square selection first with the Elliptical Marquee's Shift-constrained circle centered on the subject's eyes or the logo's optical center, leaving a small margin so the platform's own circular crop does not clip the edge. Export at PNG-24 in at least 512 by 512 pixels; most platforms will scale down for a favicon-sized use but cannot scale up cleanly, so always start larger than the smallest size you expect to need.

Cropping a Product Shot on White

A clean product-on-white shot photographed in a lightbox or against a paper backdrop usually needs three passes rather than one aggressive crop. First, straighten the shot if the camera was even slightly tilted, see below. Second, crop loosely with the standard Crop Tool to remove obvious excess backdrop while keeping a working margin. Third, switch to Select Subject plus a layer mask to knock out any remaining shadow, prop, or backdrop fold that a straight rectangular crop could not remove, then flatten onto a fresh pure-white layer so the final background reads as a clean, even 255-255-255 white rather than a slightly gray photographed backdrop.

Straightening a Tilted Phone Photo Before Cropping

A photo shot even a few degrees off level looks unmistakably amateur once cropped tight, because the tilt becomes obvious against the new straight edges. Photoshop offers three ways to fix it:

  • Straighten button in the Crop Tool's option bar. Click it, then draw a line along any edge in the photo that should be perfectly horizontal or vertical, a tabletop edge, a horizon, a doorframe. Photoshop rotates the crop frame to match and automatically trims the rotated corners.
  • Ruler Tool (I) plus Straighten Layer. Draw the same reference line with the Ruler Tool, then click Straighten Layer in the option bar; this rotates the entire layer to level rather than just the crop frame, useful when you need the straightened image before deciding on a final crop.
  • Image > Image Rotation > Arbitrary. For a manual numeric rotation when you already know the exact angle needed.

Rotating a photo to straighten it always leaves blank triangular gaps at the corners. The Crop Tool's straighten function trims those gaps automatically, but if the resulting crop is tighter than you want, use Content-Aware Fill first: expand the canvas slightly with Canvas Size, then run Edit > Content-Aware Fill to generate believable background texture in the new corner gaps before straightening and cropping, which preserves more of the original frame than a hard trim would.

Batch Cropping Many Photos to the Same Size

For a full product catalog or a big batch of listing photos that all need identical crop dimensions, record an Action, Window > Actions, then the record button, while performing one crop with the Crop Tool set to a fixed W x H x Resolution, then run that Action across a folder through File > Automate > Batch. This applies the exact same crop parameters to every file without manually dragging a frame hundreds of times, and it is the fastest way to keep an entire product line visually consistent.

Q: What is the difference between cropping and resizing in Photoshop?

A: Cropping removes pixels outside a chosen area and shrinks the canvas to match; resizing (Image > Image Size) keeps the entire image but scales every pixel up or down to reach a new width and height. Most projects combine both: crop first to fix composition and aspect ratio, then resize to hit an exact delivery dimension.

Q: How do I undo a crop in Photoshop?

A: Press Ctrl+Z immediately after cropping, or open Window > History and click any earlier state in the list to jump back several steps at once. History only persists while the file stays open in that session, so keep an untouched copy of the original file saved separately as a safety net.

Q: How can I crop without permanently losing the pixels outside the frame?

A: In the Crop Tool's option bar, uncheck the box next to Delete Cropped Pixels before committing the crop. Photoshop keeps the hidden pixels attached to the layer, so you can select the Crop Tool again later and drag the frame back out to recover them, as long as the file is saved as a PSD rather than a flattened JPG.

Q: Should I set resolution to 72 DPI or 300 DPI?

A: Use 72 to 96 DPI for anything that only ever appears on a screen, website images, marketplace listings, social posts, since pixel dimensions, not DPI, control on-screen sharpness. Switch to 300 DPI only when the file is headed to a printer, so the physical print comes out sharp rather than soft or blocky.

Q: How do I crop a photo to an exact pixel size like 2000 by 2000?

A: Select the Crop Tool, change the option bar dropdown to W x H x Resolution, type the exact width, height, and resolution values, then drag the crop frame anywhere on the image and press Enter. Every crop drawn while those values are set locks to that exact output size.

Q: How do I crop a photo into a circle without deleting the background?

A: Make a circular selection with the Elliptical Marquee Tool, hold Shift for a perfect circle, then click Add Layer Mask at the bottom of the Layers panel instead of pressing Ctrl+J or Delete. The mask hides everything outside the circle visually while the full original image stays intact underneath, so you can move or resize the circle later.

Q: Why does my cropped photo show a gray and white checkerboard pattern?

A: The checkerboard is Photoshop's way of displaying transparency, it means the area has no pixels at all rather than being filled with white. It only becomes a problem if you export to a format that cannot hold transparency, like JPG, which will fill that area with solid white automatically.

Q: Should a cropped photo be saved as JPG or PNG?

A: Save as JPG for a finished, flattened photo with a solid background, marketplace listings, printed photos, most everyday photography, since it produces much smaller file sizes. Save as PNG, specifically PNG-24, whenever the crop needs a transparent background, circular logos, cutout products, icons, because JPG cannot represent transparency at all.

Q: How do I crop many photos to the same exact size at once?

A: Record an Action while cropping one sample image with the Crop Tool set to a fixed W x H x Resolution value, then run File > Automate > Batch and point it at the folder of remaining photos. Photoshop applies the identical crop dimensions to every file automatically.

Q: How do I crop a photo by outline when the background isn't plain or solid?

A: Start with the Select Subject button in the Quick Selection Tool's option bar for an automatic first pass, then switch to Select and Mask to refine the edge with the Refine Edge Brush around hair, fur, or fine detail. For low-contrast or busy backgrounds where automatic selection struggles, trace the outline manually with the Pen Tool for a fully reliable result.

Q: What size and background does a marketplace main listing photo need?

A: Most US marketplaces, including Amazon, want a square 1:1 image with a pure white background, the product filling roughly 85 percent of the frame, and a minimum dimension of 1000 pixels, with 2000 pixels or larger recommended so the platform's zoom feature stays sharp.

Q: My photo looks pixelated after cropping, how do I fix it?

A: Pixelation after a crop almost always means the remaining area was then scaled up past its original pixel count. Start from the highest-resolution original available, crop only as tight as the final use requires, and avoid entering an output size in the Crop Tool's option bar that is larger than the source image can actually support without stretching.

gdefoto

Every technique above works, but getting a clean edge on fine hair, a perfectly centered circle logo, or a marketplace-ready cutout that actually passes a platform's image review takes practice most people don't have time to build. If a batch of product photos, portraits, or old family prints needs precise cropping fast, without spending an evening fighting the Pen Tool or Select and Mask, the team at gdefoto studio handles it remotely: send the files, get back exact-size crops, clean contour cutouts, and transparent PNG shapes ready to upload. Turnaround is quick, pricing is per photo, and revisions are included if a crop line needs to move. It is the difference between spending your evening relearning Select and Mask and spending it on the parts of the business that actually need you.

Free online photo tools

Edit your photo right in the browser — no install, no signup: