//
Grab and move photos underneath fixed crop frames, crop for Instagram/YouTube, apply circle avatar masks, and export.
Upload single or multiple photos (JPEG, PNG, WebP, GIF, AVIF up to 50 MB each).
Image cropping isolates a rectangular sub-region $(x, y, w, h)$ from the source canvas:
$$\text{Source Matrix: } [0, 0, W_{\text{orig}}, H_{\text{orig}}] \quad \longrightarrow \quad \text{Sub-Region: } [x_{\text{crop}}, y_{\text{crop}}, w_{\text{crop}}, h_{\text{crop}}]$$
ctx.arc()) to extract round profile avatars with transparent outer corners (exported to PNG or WebP).Cropped: 1080 x 1080 px).Scenario: Framing a candid photo into a clean round profile picture for professional networks.
Source: headshot.jpg (2400x1800px) | Mode: Circular Mask (1:1 Ratio)
Result: linkedin_avatar.png (800x800px, Circle Cropped with Transparent Corners)
Isolates the subject's face with a circular alpha clipping mask.
Scenario: Cropping a high-resolution photo into a 16:9 widescreen composition.
Source: landscape.jpg (4000x3000px, 4:3) | Preset: 16:9 Widescreen
Result: thumbnail.webp (1920x1080px, 16:9 Composition)
Pans and crops to standard 16:9 video thumbnail proportions.
Compress JPEG, PNG, WebP, AVIF, and GIF images locally in browser memory. Reduce file sizes by up to 85% with zero quality loss or server uploads.
Resize image width and height dimensions by exact pixels, percentages, or social media presets with aspect ratio locking and bicubic resampling.
Convert images between WebP, PNG, JPEG, AVIF, GIF, BMP, and ICO formats in batch with alpha channel protection and quality control.
Crop images with custom aspect ratio bounding boxes (1:1, 16:9, 4:3, 9:16), circular avatar masks, and rotation controls in real time.
Pick exact pixel colors from any uploaded image with a precision magnifier loupe, HEX/RGB/HSL conversions, and WCAG contrast analyzer.
Extract dominant color palettes, harmonious swatches, and UI themes from photos and graphics using Median Cut and K-Means color quantization.
Add customizable text and logo watermarks to photos in batch with opacity controls, tile patterns, font styling, and drag-and-drop positioning.
Generate complete website favicon packages including multi-resolution ICO files, Apple Touch icons, Android Chrome icons, and HTML header tags.
Convert images (PNG, JPG, SVG, WebP, GIF) into Base64 Data URIs for inline HTML/CSS, or decode Base64 strings back to downloadable image files.
Inspect image width, height, aspect ratio, megapixels, DPI, color space, and camera EXIF metadata with privacy privacy warnings in real time.