Octagon crop
Eight equal sides and neatly clipped corners.
- Drag & zoom
- Fill & outline
- PNG, WebP, JPEG
Drop an image here
or paste one, or choose a file. It is cut in your browser, never uploaded.
Your image
—
Free · No ads · No sign-up Runs entirely in your browser. Nothing you enter is sent or stored.
How to crop an image into an octagon
- Drop a photo, paste an image or choose a file from your device.
- Drag the photo under the frame. Zoom with the slider, wheel or a pinch, and adjust its orientation if needed.
- Choose the output size and format, check the preview and save your image.
The octagon has eight equal sides, with a flat top, bottom, left and right edge. Compared with a square, its diagonal corners remove part of the photo while leaving a broad central area. Keep lettering and small details away from those four cuts.
Octagonal images for badges and frames
An octagon works as a geometric portrait frame or badge when a circle feels too soft and a square too plain. Add a thin outline to define the eight sides over a busy background. Save PNG without fill when you need the clipped corners to remain transparent.
Save as PNG, WebP or JPEG
The file is square even when its cutout is not. PNG keeps the area outside the frame transparent with the fill switched off. WebP can do the same if your browser can write it; otherwise this tool saves PNG. JPEG fills the background with your chosen colour.
Choose 512, 1024 or 2048 pixels for different display sizes. Full keeps the available detail in the cropped area, up to 4096 pixels. Enlarging a small photo cannot recover missing detail. Your image stays in the browser, with no account, advertising or upload.
Made by Mystya.
We are a web studio in Québec. These tools are free and will stay free: they are how we show what we care about, in something you can use. If you want a site built with the same attention, we would like to hear about it.