Skip to main content

How to Crop an Image in Any Shape (Freehand, Transparent PNG)

Cut out just the part of a photo you want, along its real outline. A step-by-step freehand crop guide, how many points a curve needs, and what to do with the transparent PNG.

u
useToolify Team
··schedule 7 min read ·visibility 21 views
How to Crop an Image in Any Shape (Freehand, Transparent PNG)
In this article expand_more

You've taken a decent photo of a handmade lamp you want to sell, but there's a chair, a switchboard and half a curtain in the frame. A normal crop gives you a rectangle, so the clutter stays in the corners. What you actually want is just the lamp, cut along its outline, ready to drop onto a clean background or a slide.

That's what a freehand crop does. This guide shows how to do it with our free Freehand Crop Image tool, how many points you need for a smooth edge, and when an automatic tool will save you the effort.

What a freehand crop is, and when a rectangle won't do

A regular crop trims the edges of a photo. A freehand crop lets you trace the outline of the part you want to keep. Everything outside it becomes transparent in the saved file, so whatever you place the image on shows through.

It's handy for product photos for a listing or WhatsApp catalogue, a single figure from a scanned textbook page for a school project, or an object you want to layer onto a slide.

One thing to be clear about up front. Our tool builds the shape from straight lines between the points you click. There are no ready-made circle or star shapes and no curve tool. You can still cut out round things; you just place more points along the curve, and the example below shows how many is enough.

How to crop an image in a custom shape, step by step

  1. Upload your photo. Open Freehand Crop Image and drop a JPG, PNG or WebP file on the box that says "Drop your image here or click to upload". The image is processed in your browser and isn't sent to our server.
  2. Zoom in if you need to. Use the minus and plus buttons to zoom between 25% and 400%. Zoom only helps you click accurately. It doesn't change the quality of what you download.
  3. Click around the edge of what you want to keep. Each click adds a point, and a green line joins it to the previous one. The first point is larger and solid green so you can find your way back to it. A hint under the image tells you how many points you've placed.
  4. Fix slips as you go. Undo Point removes only the last point. Clear All wipes every point. You can't drag a point once it's placed, so undo straight away if one lands in the wrong spot.
  5. Close the shape. Once you have at least three points, click Close Shape & Crop, or click near your first point (within about 15 pixels) to close it. A dashed line previews that last edge.
  6. Check and download. When you see "Crop complete", look at the result, then press Download PNG. The file is saved as freehand-crop.png. Use Start Over if you want to trace again.

Worked example: how many points does a round object need?

Because every edge is a straight line, a curve becomes a many-sided shape. Too few sides and a round plate looks like a stop sign. Too many and you spend ten minutes clicking.

Say the plate in your photo is 1,000 pixels across, so its radius is 500 pixels and its edge is about 3,142 pixels long. If you place points evenly around it, each straight edge cuts across the curve, and the widest gap between that line and the real edge sits in the middle of each side. That gap works out like this:

  • 8 points: each side is about 383 px long and misses the curve by up to 38 px. Clearly an octagon.
  • 12 points: sides of about 259 px, with a gap of up to 17 px. Still visibly angular.
  • 24 points: sides of about 131 px, with a gap of about 4.3 px. Looks round at normal viewing size.
  • 48 points: sides of about 65 px, with a gap of about 1 px. Practically invisible.

So for a big round object, 24 to 48 points is the sweet spot. As a rule of thumb, put a point every 60 to 130 pixels along a curve, and only at the corners of straight edges. A box needs four points.

The output size is worth knowing too. The tool trims the result to the smallest rectangle that holds your shape, cut from the original photo at full resolution. Take a 4000 × 3000 phone photo (12 megapixels) where the mug you traced spans from 1,450 to 2,650 pixels across and 700 to 2,500 pixels down. Your PNG will be 1200 × 1800 pixels, about 2.2 megapixels, or 18% of the original area. Nothing is upscaled or blurred.

Freehand crop or automatic background removal?

If your subject is a person, a pet or a product on a plain background, try Remove Background first. It uses an AI model in your browser to find the subject on its own, which is far quicker than clicking 40 points. We've covered it in detail in our guide to removing an image background for free.

Freehand cropping is the better choice when you want only part of a subject (one item from a group shot), when the automatic tool picks the wrong subject, when the subject's colours are close to the background, or when you're cutting from a drawing or screenshot rather than a photo.

Our view: for hair, fur and glass, the automatic tool usually gets closer than straight lines can. For hard-edged objects such as a box, a book or a phone, freehand gives a cleaner, more predictable edge.

Tips and mistakes to avoid

  • Trace just inside the edge. Keep your points a pixel or two inside the real outline. Tracing exactly on the edge often leaves a thin fringe of the old background.
  • Don't close the shape by accident. Clicking near the first point closes the shape. When you're working your way back around, zoom in so you don't land within 15 pixels of the start too early.
  • Zoom on the fiddly parts only. Zoom in for handles, fingers and corners. Very large photos at high zoom can be too much for some browsers, so if things slow down, lower the zoom or shrink the photo first.
  • Use a computer for detailed shapes. Taps work on a phone, but a mouse is much more precise.
  • Use Start Over to change the shape. Zooming or pressing Undo Point after the crop redraws the original photo on screen, though your download still holds the cropped result.

What to do with your PNG afterwards

The download is always a PNG, because PNG can store transparent areas and JPG can't. That matters more than people expect.

If a form asks for a JPG, converting fills the see-through area with a solid colour, and some tools don't let you choose which. The safest route is to place your cutout on the background you want (in a slide or any editor) and export that as a JPG. For a size limit, Reduce Image Size saves a JPG at a target such as 100 KB or 200 KB. Our post on reducing image size to 100 KB or 200 KB walks through the rest.

Also expect the PNG to be larger than a JPG of the same photo, because PNG keeps every pixel exactly.

Frequently Asked Questions

Can I crop an image into a circle?

Not with a perfect geometric circle, since the tool only draws straight edges between points. You can get a result that looks round by placing 24 to 48 evenly spaced points around the edge, as the worked example shows.

Why is the area around my cutout showing as black or white?

The PNG is transparent outside your shape, but some viewers display transparency as white or black. If it turns solid after saving as JPG, that's because JPG can't store transparency.

Does freehand cropping reduce image quality?

No. The cutout is taken from the original photo at full resolution. Zoom only changes what you see, not the output.

Is my photo uploaded anywhere?

No. Freehand Crop Image works in your browser. The page records an anonymous visit to the tool, but not your image.

Can I move a point after placing it?

No. Undo Point removes the most recent point and Clear All removes every point, but you can't drag existing ones.

Share:

Get new tool tutorials in your inbox

No spam — just new posts, occasionally.

Comments (0)

No comments yet — be the first to share your thoughts.