Image Crop

About Image Crop

OptiPix Image Crop is a precision cropping tool that goes way beyond rectangles. Crop freeform with a draggable rectangle and 8 resize handles, lock to common aspect ratios (1:1, 4:3, 16:9, 9:16, etc.) or social media presets (Instagram post, story, YouTube thumbnail, Facebook cover, LinkedIn banner). The shape crop mode is the differentiator — pick circle, oval, heart, 5-point star, hexagon, triangle, or rounded rectangle, and the output is a transparent PNG with the shape masked out. Rotate freely from -45° to +45° to straighten skewed photos, flip horizontal/vertical, or use the 90° rotate buttons. Grid overlays include rule of thirds, golden ratio, diagonals, and a center crosshair to help you compose. Numeric inputs let you set exact crop coordinates in pixels. Batch crop applies the same crop region to multiple images at once. Everything runs locally in your browser via the HTML Canvas API — your photos never leave your device, and you can use the tool offline after the first visit.

How It Works

The crop region is overlaid on a Canvas displaying your image. For shape crops, an SVG path is used as a clipping mask before exporting to PNG. Rotation is applied via canvas transform, and the result is exported via canvas.toBlob().

Use Cases

• •Crop a profile picture to a perfect circle
• •Crop a passport-size photo to exact dimensions
• •Crop a YouTube thumbnail to 16:9
• •Straighten a skewed scanned document
• •Cut a heart-shaped photo for a card or gift