Dev Tools
Client-sidefiles never upload

Image Crop (free / aspect / circular)

Drag-to-crop with optional locked aspect ratios (8 presets), circular mask for avatars, export to PNG / JPG / WebP with custom output width. Runs entirely in the browser β€” **files never leave**.

β€ΊHow to use
  1. Drop an image (JPG / PNG / WebP / GIF). Preview shows the source dimmed except inside the crop rect (80% of frame to start).
  2. Drag the centre to move; drag a corner to resize. Pick an aspect (1:1, 16:9, 9:16, 4:3, 3:4, 3:2, 2:3, or Free) and the other dimension auto-syncs.
  3. Toggle Circular mask for avatars (PNG / WebP only β€” JPG can't keep alpha).
  4. Choose output format, quality (JPG / WebP), and output width (upscale or downscale), then Download.
Tips
  • 1:1 circular for IG / Twitter / Slack avatars; 16:9 for YouTube thumbs and blog covers; 9:16 for IG Story / Reels.
  • Output width blank = native crop resolution (no upscale); a number rescales (bilinear via Canvas).
  • Circular + JPG = square output (JPG has no alpha). Use PNG or WebP for a true circle.
  • WebP is 25-30% smaller than PNG and 30-40% smaller than JPG, supported in every 2025 browser.

πŸ’‘ Whole pipeline runs in your browser (loadImage β†’ canvas draw β†’ toBlob). Files never leave β€” fine for ID photos, confidential docs, personal images.

Related tools