UX Pattern
Image Crop
Touch-friendly crop tool for recipe photos. Drag handles, lock aspect ratios, preview in real time.
1:14:316:9
1200 × 1200Drag handles
Four corner anchors let users resize the crop region. Touch targets are 44px minimum for mobile.
Lock ratios
Toggle between common aspect ratios. The crop box snaps to the selected ratio while dragging.
Live preview
The masked area updates in real time. A subtle overlay darkens the region outside the crop.
Output dimensions
Final resolution is displayed below the crop area. Recipes default to 1200×1200 square.