About HexaCrop

How the hexagon crop actually works

When you add an image, the browser decodes it into an offscreen <canvas>. We compute the six hexagon vertices from your chosen orientation, rotation and shape ratio, build a clipping path, then draw your image inside that path with the pan and zoom you set. Borders are stroked along the same path, corner rounding replaces each vertex with a quadratic curve, and export simply reads the canvas back out as PNG, WEBP or JPG. SVG export writes the same polygon as a vector clip path instead of pixels.

Because the geometry is real maths rather than a stretched overlay image, the result matches what you would get from a CSS clip-path polygon — crisp edges at any export size, up to 4000 px for print.

Privacy: your images never leave your browser

• • No upload endpoint exists. There is no server that could receive your photos.
• • No account, no email, no cookies required to use any tool on the site.
• • Files stay in memory and disappear when you close or refresh the tab.
• • Once the page has loaded you can disconnect from the internet and keep converting.

How we write and maintain these guides

Every how-to step, size recommendation and FAQ answer on this site is written against the tool itself: we run the export, check the pixel output and the transparency, and only then publish the number. Print sizing advice assumes 300 DPI; avatar presets follow each platform's published guidance at the time of writing. When a platform changes its avatar rules or we ship a new feature, the affected pages get updated rather than left in place.

Contact and feedback

Missing a hexagon shape, a pattern or an export format? Tell us at hello@hexacrop.com. Bug reports with the browser you used are especially welcome — every fix ships to hexacrop.com directly.