Crop Images into Geometric Shapes Online for Free
Crop a photo into a hexagon, triangle, square, diamond, pentagon, or octagon. Hexagons are the popular one, they tile neatly and read as modern on a team page or a portfolio grid. Pick a shape, frame the image inside it, and download a transparent PNG.
How to Use
- 1Upload any photo in JPG, PNG, GIF, WebP, or AVIF
- 2Choose your shape: hexagon, triangle, square, diamond, pentagon, or octagon
- 3Drag to position the image inside the outline
- 4Zoom and rotate, rotating a hexagon 30° switches it between flat-top and pointy-top
- 5Download the shaped PNG at full resolution
Why Use This Tool
- Hexagons tile against each other with no gaps, which is why team pages and portfolio grids keep using them
- Triangles and diamonds crop aggressively toward the point. Keep your subject in the wide part of the shape
- Every shape exports with transparent surroundings, so it sits on any background colour
- Consistent shapes across a set of photos make a page look deliberate rather than assembled
- Free, unlimited, no account, and no watermark
Tools
Which Shape Should You Pick?
With six different polygon options, the "which one?" question comes up a lot. Each shape carries its own personality, and picking the wrong one can make your design feel off even if you can't put your finger on why. So here's our honest take on each one.
Hexagon, The Safe Bet for Tech
If you're building anything tech-related, a SaaS landing page, a developer portfolio, a gaming profile, hexagons are your friend. There's something about the honeycomb shape that just signals "we know what we're doing." They tile beautifully in grids, too. If you're not sure what you want, hexagons are the default we'd recommend, versatile without being boring.
Diamond, Luxury, Full Stop
Diamonds (rotated squares, technically) have one job: making things look expensive. Jewelry brands, high-end fashion, premium services, that's where diamonds belong. Fair warning though, they eat into your image real estate because of the rotated corners. Make sure your subject is tightly centered or you'll lose important details at the edges.
Triangle, High Energy, Handle With Care
Triangles are the most polarizing shape we offer. Pointing up, they suggest growth and ambition. Pointing down, they feel edgy and a bit aggressive. Creative agencies and startups love them. But they're tricky to compose. You lose a lot of the image in those three sharp corners. Best for abstract textures, product close-ups, or headshots with a lot of negative space.
Pentagon & Octagon, Authority Shapes
These are niche, and that's a feature. Pentagons remind people of badges and military emblems. Octagons are basically stop signs. If you're in security, martial arts, sports, or anything that wants to project "we're serious", these shapes communicate that instantly. Not great for a bakery website. Perfect for an MMA gym's team page.
Design Inspiration
| Shape | Sides | Where It Shines | The Vibe |
|---|---|---|---|
| Hexagon | 6 | Team pages, dev portfolios, game avatars | Techy, modern, capable |
| Triangle | 3 | Startup decks, creative portfolios, abstract art | Bold, directional, edgy |
| Diamond | 4 (rotated) | Product showcases, luxury branding | Premium, exclusive, sharp |
| Pentagon | 5 | Badges, achievement icons, sports programs | Official, earned, structured |
| Square | 4 | Grid layouts, print-ready assets, social posts | Clean, no-nonsense, versatile |
| Octagon | 8 | Security firms, martial arts, gym branding | Solid, commanding, tough |
How the Polygon Crop Works
Every geometric option is a polygon clip path with a different number of sides, plus rotation and zoom controls so you can set the exact angle and framing. Your image is drawn onto an HTML5 canvas, the polygon mask is applied, and everything outside the shape is made transparent rather than white, so the exported PNG drops cleanly into a Figma layout, a CSS grid, or a slide without a rectangular box around it.
The number of sides quietly decides how much of your photo survives. An octagon (8 sides)keeps almost as much as a circle, while a triangle (3 sides) discards the most, close to half the frame disappears into the three sharp corners. As a rule, the fewer the sides, the more tightly you need to centre your subject and the more negative space you want around it. Diamonds (a rotated square) behave like a four-sided version of the same trade-off.
Because these export with a transparent background, they're ideal for honeycomb hexagon grids and badge layouts. And like the rest of ImageFixr, the crop runs entirely in your browser, nothing is uploaded.
Frequently Asked Questions
What geometric shapes can I crop to?
Hexagon, pentagon, octagon, triangle, diamond, and square. Each one has rotation and zoom controls, so you can tweak the angle and framing until it looks right.
I keep seeing hexagon profiles everywhere, why?
Hexagons hit this sweet spot between "not just a boring circle" and "not so weird that it's distracting." Tech companies started the trend, gaming communities ran with it, and now they're kind of the default for anyone who wants a modern look without overthinking it.
How do I make a hexagon image for my website?
Pick hexagon from the shape options, upload your photo, drag and zoom until it looks good, and download. You'll get a transparent PNG, just drop it into your HTML, Figma file, or wherever you need it.
Can I build a honeycomb grid with these?
Totally. Export a bunch of hexagon-cropped images and arrange them in a honeycomb pattern with CSS grid or in a design tool. It makes for a really eye-catching team page or portfolio layout. There are plenty of CSS honeycomb tutorials out there if you need the code.
Why would I use a polygon shape instead of a circle?
Circles are friendly and familiar, nothing wrong with them. But polygons add personality. A hexagon says "tech." A diamond says "premium." A triangle says "creative." Circles don't really say anything specific. If your brand has a point of view, pick a shape that matches it.