Crop a PNG into a Polygon
Mask an image into a regular polygon — hexagon team avatars, triangular badges, octagonal stickers — with everything outside the shape fully transparent. Set the number of sides and rotate the shape to taste.
Drop images here
Multiple files allowed
Rotation, and why hexagons need it
The polygon is inscribed in the largest circle that fits your image, with the first vertex pointing straight up. For a hexagon that gives you the pointy-top orientation. The flat-top hexagon that most team-avatar grids and honeycomb layouts use is the same shape rotated 30 degrees — set rotation to 30 and you have it.
Useful angles: 30 for flat-top hexagons, 45 for a square instead of a diamond at 4 sides, 180 for an upside-down triangle, 22.5 for a flat-top octagon.
Square your image first
Because the shape is inscribed in a circle sized by the shorter side, a wide image leaves large transparent margins to the left and right of the polygon. If you want the shape to fill the output, crop to a square first with Square or Crop to aspect ratio at 1:1, then bring it here. The output keeps the input's dimensions — it isn't trimmed to the polygon's bounding box — so chain Auto-trim if you want the tightest possible file.
For other shapes: Circle crop, Star, Round corners and Wavy edges cover the non-polygonal cases.
FAQ
Are the edges anti-aliased?
Yes — the mask is a canvas clip path, so the diagonal edges come out smooth rather than stair-stepped.
Can I add an outline around the polygon?
Yes — run the result through Add outline, which traces the visible shape whatever it is. Drop shadow works the same way.
Can I make an irregular polygon or a custom path?
Not here — these are regular polygons with equal sides. Arbitrary shapes need a vector mask in an image editor.
Will it work on a JPG?
Yes, and the output is a PNG, because the area outside the shape needs transparency that JPG can't store.