Home › Image Tools › Crop Image into Shape
Crop Image into Shape
Cut any photo into a heart, star, hexagon, circle, speech bubble and 13 other shapes, or use your own SVG as a cookie cutter. Drag and zoom to frame the picture, add an outline, and download a PNG with a transparent background.
Last updated:
Custom SVG shape
Drag the photo to position it · the faded part will be cut away
Outline
Advertisement
Advertisement
How to use the Crop Image into Shape
- Add a photo: drop, paste or choose an image. A sample photo is loaded so you can try the shapes first.
- Pick a shape from the grid, or open Custom SVG shape to upload an SVG file or paste SVG code or path data.
- Frame the photo: drag it inside the shape, use Zoom and Rotate, or press Fit to fill the shape again.
- Style it: add an outline, choose its color and width, and pick the output aspect and size.
- Download PNG: the area outside the shape is fully transparent.
Which shape for which use?
| Shape | Good for |
|---|---|
| Circle | Profile pictures, team pages, avatars and stickers |
| Heart | Valentine's cards, wedding and anniversary posts, love collages |
| Star | Awards, "employee of the month", kids' party invitations |
| Hexagon | Tech and team pages, honeycomb photo grids, game avatars |
| Speech bubble and cloud | Testimonials, quotes, comic-style social posts |
| Shield and badge | Sports teams, achievements, logos and seals |
| Arch | Trendy minimalist layouts, wedding stationery, Instagram stories |
Tips for a clean shape crop
- Center the subject. Most shapes are narrower at the edges, so faces near the border of a heart or star get cut. Drag the photo until the face sits in the widest part.
- Zoom in a little. A zoom of 110 to 140% usually frames portraits better than the default fit.
- Use an outline on busy backgrounds. A white or colored border of 2 to 4% separates the shape from whatever it is placed on.
- Keep the PNG. Only PNG (or WebP) keeps the transparent corners. Saving as JPG fills them with a solid color.
- Custom shapes: icons from free SVG icon sets work well. Solid, filled icons give better results than thin line icons.
Frequently asked questions
How do I crop a picture into a heart shape?
Add your photo, click the heart in the shape grid, drag the photo so the subject sits inside the heart, adjust the zoom and press Download PNG. The corners outside the heart are transparent, so the image can be placed on any background.
Why is the background not white?
The tool saves a PNG with a transparent background, which image viewers often show as a checkerboard, white or black. When you place the PNG on a slide, website or design, only the shape is visible.
Can I use my own shape?
Yes. Upload an SVG file, paste SVG code, or paste only the path data (the d attribute, like M10 10 L90 10 ...). Everything that is filled or visible in the SVG becomes the shape, whatever its color.
What size will the image be?
Choose 512, 1080, 2048 or 4096 pixels for the longest side. If you pick a size larger than the part of the photo inside the shape, the photo is enlarged and may look soft, so 1080 px is a good default for social media.
Can I save as JPG?
JPG does not support transparency, so the corners would become a solid color. Download the PNG; if you need a JPG, convert it afterwards with a PNG to JPG converter and choose a background color.
Is my photo uploaded?
No. The photo is cut out with the Canvas API inside your browser and never leaves your device.
Are all the tools on FreeToolCabin tested for quality and accuracy?
Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.
Related tools
Image CropperCrop images, including circle crops for profile pictures.Round Corners ImageGive any picture rounded, circle or squircle corners and save a transparent PNG.Profile Picture MakerMake a round or square profile picture with a ring border and color or gradient background.Image Border AdderAdd a border, rounded corners, matte and shadow to a photo onlineImage CompressorShrink images to a target size like 100 KB.Image ResizerResize images to any size without losing quality.Compress Image to 20KBShrink any photo to under 20KB (or any target size).Compress Image to 100KBShrink any photo to under 100KB automatically, with the best quality that fits.Compress JPEG to 50KBShrink photos to under 50KB for forms, passports and exams.Rotate & Flip ImageRotate images by any angle or mirror them, one or many at once.Collage MakerCombine photos into a grid collage.Aspect Ratio CalculatorCalculate image sizes for 16:9, 4:3 and any ratio.Image SplitterSplit an image into a rows × columns grid of tiles and download them one by one or as a ZIP.Image CombinerCombine images side by side, stacked or in a grid, with spacing, background color and alignment.Image UpscalerEnlarge images 2×, 3× or 4× with Lanczos-3 or bicubic resampling and optional sharpening.Image DPI ChangerChange the DPI of JPG and PNG images without re-encoding, and see the print size.Pixel Art MakerDraw pixel art on an 8 to 64 px grid with palettes, fill and mirror, then export PNG or SVG.Social Media Image ResizerResize photos for Instagram, Facebook, X, LinkedIn, YouTube, TikTok and Pinterest in one go.Image Diff CheckerCompare two images and highlight every changed pixel, with % difference and a swipe slider.Emoji to ImageTurn any emoji into a PNG image from 64 to 1024 px, transparent or on a color, in batch.Text to ImageTurn text into a PNG image with your font, size, colors, padding, alignment and wrapping.SVG OptimizerMinify SVG files: strip metadata, comments and editor junk, round numbers, compare sizes.Compress Image to 200KBShrink any photo to under 200KB automatically, with the best quality that fits.Crop GIFCrop an animated GIF with a draggable box or aspect ratio presets, keeping every frame.Drawing Grid MakerPut a numbered grid on a reference photo to copy it by hand. Print it or save as PNG or PDF.Resize GIFResize an animated GIF by width, height or percent, skip frames and compare file sizes.Square Image Maker (No Crop)Make any photo square, 4:5 or 9:16 without cropping, with a color, blur or gradient fill.Text Behind ImagePut text behind the subject of a photo: AI cut-out, fonts, colors, rotation and PNG export.Bulk Image ResizerResize many images at once by width, height, percent or longest side and download a ZIP.JPG to WordTurn photos and scans into an editable Word document with OCR. Batch images, 30+ languages.PNG CompressorShrink PNG files up to 80% with smart color reduction that keeps transparency. Batch + ZIP.Photo Measurement ToolMeasure distances, areas and angles on a photo using a card or ruler in the picture for scale.Pupillary Distance MeasurementMeasure your PD in mm from a webcam or photo with a card for scale, single and dual PD.Brighten ImageBrighten dark photos with auto exposure, shadows lift and highlight protection. Batch, no upload.Change Image Aspect RatioConvert photos to 1:1, 4:5, 16:9, 9:16, 3:2 or any ratio by crop, color padding or blur fill.Crop Photo for PrintCrop photos to 4x6, 5x7, 8x10, 11x14 or A4 print ratios with a DPI quality check, then export.Long Screenshot StitcherStitch scrolling screenshots into one long image with automatic overlap detection.Image to Minecraft Pixel ArtConvert any image into Minecraft block pixel art with block counts, stacks and a row-by-row build guide.Scanned Photo SplitterSplit several photos from one flatbed scan: auto-detect, straighten and crop each, then ZIP.Pixel Art UpscalerUpscale pixel art and sprites crisply with nearest neighbor, Scale2x/3x or xBR, keeping transparency.Resize Image in CM and InchesResize a photo to an exact print size in cm, mm or inches at any DPI. JPG, PNG or PDF.Online Screenshot ToolCapture your screen, a window or a tab, then crop, annotate and copy or save it as PNG.Trim Image WhitespaceAuto-crop white borders or transparent padding from images with tolerance and margin. Batch.Fix Image OrientationRotate sideways photos upright for good by applying the EXIF orientation to the pixels, in batch.Image Format DetectorFind an image's real format from its magic bytes, see size and bit depth, and fix a wrong extension.Increase Image Size in KBMake a photo's file size bigger (e.g. 50 KB or more) to pass minimum upload limits, with no visible change.Megapixel CalculatorTurn width × height into megapixels, aspect ratio and max print size, or MP back to pixels.Volleyball Rotation ToolEnter 6 players and a 5-1, 6-2 or 4-2 system to see all rotations and serve receive on a court.Auto Face CropDetect faces and crop centered headshots at any ratio and padding, in batch.Content-Aware Image ResizeResize images with seam carving to keep people and objects intact; protect or remove areas.