Upload image to start cropping
Free online image cropping tool supporting drag-and-drop, fixed aspect ratios, and pixel-precise input. Features rule of thirds grid, live dark mask preview, dual PNG/JPG export with adjustable JPG quality. All processing happens locally in your browser—perfect for profile pictures, ID photos, social media graphics, and e-commerce product shots.
After uploading your image, click and drag the white border of the crop box to move it, or drag the white corner squares to resize. The semi-transparent dark area outside the box shows what will be cropped away; the area inside the box is what stays. Click 'Crop & Download' when you're satisfied.
Yes! The tool offers 8 popular aspect ratio presets: Free form, 1:1 square (ideal for profile pictures), 4:3 (traditional cameras/monitors), 3:2 (DSLR cameras), 16:9 (widescreen video/PPT/YouTube), 2:3 (vertical photos), 9:16 (mobile vertical/TikTok/Reels/Stories), and 21:9 (cinematic widescreen). Click a ratio button to lock aspect ratio before resizing.
They serve completely different purposes: Cropping cuts away edges to keep only a portion of the image, changing composition and content area without scaling the retained pixels. Resizing scales the entire image (proportionally or stretched), keeping all content but changing overall pixel dimensions. Use the resize tool if you need to shrink a large image while keeping everything visible.
Absolutely. For profile pictures, use the 1:1 square ratio and position the face slightly above center, aligning eyes with the rule of thirds lines for best results. For ID photos, look up the required pixel dimensions for your specific document type (e.g., 1-inch 295×413px, 2-inch 413×579px) and enter these values directly in the pixel input fields for precision cropping.
Never. All image loading, crop preview, and export/download happen entirely in your browser using the Canvas API. Image data never travels over the internet to any server. Temporary image data in browser memory is cleared when you close the page, making it safe for ID cards, contract screenshots, and other sensitive images.
Both PNG and JPG formats are supported. PNG is the default lossless format, ideal for transparent backgrounds, screenshots, text images, and icons. JPG format lets you adjust compression quality (10-100%) and is great for photographs to reduce file size. We recommend JPG quality between 80-92% for significant size reduction with virtually no visible quality loss.
The Rule of Thirds is photography's classic composition principle: divide the frame into 9 equal sections using two horizontal and two vertical lines. Placing your subject at the line intersections (golden ratio points) creates more balanced, visually appealing compositions. The semi-transparent white lines in the crop box are these thirds lines—align key elements like eyes, horizons, or building edges with the lines or intersections.
16:9 is widescreen horizontal—the standard for computer monitors, TVs, YouTube horizontal videos, and PowerPoint presentations. 9:16 is vertical portrait—the standard for mobile phone photos, TikTok/Reels/Shorts vertical videos, Instagram Stories, and full-screen mobile content. Always check your publishing platform's required aspect ratio before cropping.
PNG output is completely lossless—pixels in the retained area remain identical to the original with zero quality loss. JPG output involves recompression with very slight quality loss, but this is virtually invisible at quality settings above 85%. Unlike compression, cropping is fundamentally about 'cutting' not 'squeezing'—as long as you don't set JPG quality too low, cropping itself doesn't cause noticeable quality degradation.
Enter your target width (W) and height (H) pixel values directly in the 'Crop Area Pixels' input fields on the left panel for precise output dimensions. The X and Y values control the top-left starting coordinate of the crop box. If you've selected a fixed aspect ratio, entering a width will automatically calculate height proportionally, and vice versa.
You can open WebP and GIF format images, but note: animated GIFs will only retain the first frame and export as static PNG/JPG—animation is not preserved. Use dedicated GIF editing tools if you need to crop animated GIFs. WebP images can be cropped normally and exported as PNG or JPG.
This happens because you're in 'Free' ratio mode. In free mode you can adjust width and height independently with no ratio lock. If you want to maintain a fixed ratio (e.g., keeping a 1:1 square from becoming rectangular), click the corresponding ratio button first (like 1:1 or 16:9) to lock the ratio before resizing.
After clicking 'Crop & Download', your browser automatically saves the cropped image to your default Downloads folder with the filename cropped_originalfilename.png (or .jpg). The tool stores no files on servers—all temporary data is cleared when your browser closes.
Yes. The tool features responsive design and works normally in mobile browsers. The left configuration panel collapses into a top button on mobile that you tap to expand. The crop box supports finger touch dragging to move and pinch to resize—we recommend landscape mode for a larger preview area.
Absolutely. After downloading your cropped image, you can upload it back to this tool for further cropping, or use our other image tools: Resize, Compress, Convert, Rotate & Flip, Round Corners, and Filters for additional processing.
Image cropping is one of the most fundamental and widely used operations in digital image processing. At its core, cropping extracts pixel data from a rectangular region within the original image's pixel matrix, discarding pixels outside that region. Unlike image resizing, cropping doesn't change pixel density or quality in the retained area—it simply redefines the frame boundaries. This characteristic makes cropping the primary tool for photo recomposition: often when initial shooting composition isn't ideal, post-capture cropping can dramatically improve photo impact.
Why use fixed ratio cropping? Different publishing platforms and use cases impose strict aspect ratio requirements: social media profile pictures must be 1:1 squares, vertical short videos are 9:16, YouTube videos and presentations are 16:9, traditional photo prints are 3:2, and cinema is 21:9. If your ratio doesn't match, platforms will auto-crop or stretch your image, potentially cutting off important content or distorting the frame. Fixed ratio cropping lets you adapt to your target platform's display requirements in advance.
The Rule of Thirds is photography and visual design's most classic composition principle, widely used by painters as early as the Renaissance. The concept divides the frame into thirds horizontally and vertically, creating a 9-section grid; the four intersection points of these dividing lines are called 'golden ratio points.' The human eye is naturally drawn to these positions—placing key subjects (like human eyes, horizons, or building focal points) at these points or along the lines creates more dynamic, visually balanced compositions than simple centering. Our tool's built-in thirds grid helps you apply this principle while cropping.
Choosing between PNG and JPG output formats: PNG is a lossless compression format that supports transparent backgrounds, ideal for icons, screenshots, text images, and assets requiring further editing, though files are larger. JPG is a lossy compression format without transparency support, but allows flexible compression rate control via quality parameters—at 80-90% quality it's virtually indistinguishable to the naked eye while reducing file size by 60-80%, making it excellent for photographs. For web display, we recommend JPG at 85% quality to balance image quality and loading speed; use PNG for screenshots, logos, or when transparency is needed.
The importance of local browser processing: Many online cropping tools require uploading images to remote servers for processing. This isn't just slow (dependent on internet bandwidth) but also carries privacy risks—sensitive images like ID photos, contract screenshots, or personal photos could be cached or misused after upload. This tool is built on the HTML5 Canvas API, meaning all pixel operations happen entirely in your browser's memory. Image data never leaves your device, processing speed depends only on your computer's performance, and the tool works even offline.
Precision pixel cropping use cases: While drag-and-drop cropping is convenient for most situations, some professional scenarios demand pixel-perfect precision: ID photos have strict pixel dimension requirements (like passport photos or exam registration photos), e-commerce platforms enforce uniform main image sizes (like 800×800 for marketplace listings), UI design asset exports need exact dimensions, and fixed-size web banners require strict pixel matching. In these cases, entering values directly in the X/Y/W/H fields is the most efficient and accurate approach.
About quality loss concerns: Many people worry that cropping reduces image quality. In reality, PNG cropping is completely lossless—every pixel in the retained area is identical to the original, with no compression or resampling. JPG cropping involves one recompression pass, but at quality settings of 85% or higher this loss is invisible to the naked eye at normal viewing distances. By contrast, scaling a large image down and back up causes irreversible blurriness—cropping alone does not.
Typical application scenarios for common aspect ratios:
| Ratio | Name | Orientation | Typical Use Cases |
|---|---|---|---|
| Free | Free Crop | Any | No ratio restrictions, adjust width and height freely—ideal for edge removal, watermark removal, and non-standard scenarios |
| 1:1 | Square | Square | Social media profile pictures, Instagram posts, marketplace product images |
| 4:3 | Standard | Landscape/Portrait | Traditional monitors, iPad screens, older TVs, point-and-shoot camera photos |
| 3:2 | Camera Standard | Landscape/Portrait | DSLR/mirrorless default ratio, 6-inch photo prints, photography work |
| 16:9 | Widescreen | Landscape | HDTV/monitors, YouTube videos, presentations, horizontal thumbnails |
| 2:3 | Portrait Photo | Portrait | Portrait photo prints, mobile vertical photos, portrait posters |
| 9:16 | Vertical | Portrait | TikTok/Reels/Shorts vertical videos, mobile full-screen, Stories |
| 21:9 | Cinematic | Landscape | Movie screenshots, ultra-wide monitors, cinema ratio, panoramic photos |
Enter these pixel values directly when cropping ID photos (300DPI print standard):
| ID Type | mm Size | Pixel Size (300DPI) | Ratio |
|---|---|---|---|
| 1-inch | 25×35 | 295×413 | ~5:7 |
| Small 1-inch | 22×32 | 260×378 | ~2:3 |
| 2-inch | 35×49 | 413×579 | ~3:4 |
| Small 2-inch | 35×45 | 413×531 | ~3:4 |
| Passport/Visa | 33×48 | 390×567 | ~2:3 |
| National ID | 26×32 | 358×441 | ~4:5 |
Relationship between quality settings, image quality, and file size when choosing JPG output:
| JPG Quality | Typical Compression | Quality Result | Recommended For |
|---|---|---|---|
| 90-100% | 10-25% reduction | Extremely high—completely indistinguishable from original to the naked eye | Professional photography, print publishing, high-quality archiving |
| 80-89% | 50-70% reduction | High—virtually no visible difference in normal use | Web graphics, social media, everyday sharing (RECOMMENDED) |
| 60-79% | 70-85% reduction | Medium—slight compression artifacts may be visible on close inspection | Thumbnails, avatars, size-critical scenarios |
| 30-59% | 85-95% reduction | Low—visible compression artifacts are apparent | Not recommended, preview only or extremely low-bandwidth scenarios |
All operations in this image cropping tool happen entirely in your browser via the HTML5 Canvas API. Your selected image files are never uploaded to any remote server, nor are they stored, cached, or used for any other purpose. All image processing occurs in your device's memory, and temporary data is automatically cleared when you close or refresh the page. Sensitive content like ID cards, contract screenshots, and personal photos can be processed safely.
Check: 1) If using JPG format, increase the quality slider to 85% or higher; 2) Verify that your crop area dimensions W×H aren't too small—if the cropped region itself is very small (like 100×100px), it will naturally appear blurry when zoomed; 3) Compare against the original and ensure you're viewing at 100% zoom. PNG output is completely lossless—use PNG for maximum quality requirements.
In fixed ratio mode, aspect ratio is locked—adjusting width automatically changes height proportionally and vice versa. This is normal and ensures your crop result strictly matches the selected ratio. If you need to freely adjust any width-to-height proportion, switch back to 'Free' ratio mode.
Please verify: 1) You're uploading a standard image format (JPG/PNG/GIF/WebP)—professional formats like PSD and RAW aren't supported; 2) The image file isn't corrupted and opens normally in your system image viewer; 3) File size isn't excessively large (we recommend under 20MB); 4) Refreshing the page and re-uploading usually resolves display issues.
Check: 1) Whether your browser allows pop-up downloads—some privacy settings may block automatic downloads; 2) You're using a modern browser (Chrome, Firefox, Safari, Edge); 3) Clear your browser cache, refresh the page, and try again.
