NC Logo UseToolSuite

Image Cropper

Crop images online with pixel-perfect precision. Free browser-based image cropper with aspect ratio presets for Instagram, YouTube, Pinterest, and more — drag, crop, download.

Drop an image here or click to select

Supports PNG, JPG, WebP, BMP, GIF — up to 50 MB

100% Private Drag to Crop Works Offline

About Image Cropper

Image Cropper is a free, browser-based tool that lets you crop any image with pixel-perfect precision using an interactive drag-and-drop interface. Whether you need a square profile picture for Instagram, a 16:9 YouTube thumbnail, a 2:3 Pinterest pin, or a custom crop for any purpose, this tool provides instant visual feedback with ten built-in aspect ratio presets and freeform cropping. Simply drag the crop region directly on the image canvas — the semi-transparent overlay shows exactly what will be kept and what will be removed. Enter exact pixel coordinates for surgical precision, or pick a preset and drag to compose the perfect frame. Output in PNG (lossless), JPG (smaller files), or WebP (best compression) with adjustable quality. Everything runs entirely in your browser using the HTML5 Canvas API — your images are never uploaded to any server, making this tool completely safe for personal photos, proprietary product shots, confidential screenshots, and sensitive design assets. No signup, no watermarks, no file limits.

How to Crop an Image

  1. Upload your image — Drag and drop a PNG, JPG, WebP, BMP, or GIF file, or click to browse.
  2. Select aspect ratio — Choose from 10 presets (Free, 1:1, 4:3, 3:2, 16:9, 9:16, 3:4, 2:3, 5:4, 7:5) or leave on "Free" for unconstrained cropping.
  3. Draw crop area — Click and drag on the image to define the crop region. The darkened overlay shows what will be removed. You can also enter exact pixel values for X, Y, Width, and Height.
  4. Adjust position — Drag the crop region to reposition it. The handles on edges and corners let you resize.
  5. Choose output format — PNG for lossless quality, JPG for smaller files, WebP for optimal compression. Adjust the quality slider for JPG and WebP output.
  6. Crop and download — Click "Crop Image" to see the result with size comparison, then download the cropped file.

Aspect Ratio Guide for Social Media

Using the correct aspect ratio is critical for social media images. Incorrect ratios result in unwanted cropping, black bars, or stretched images. 1:1 (Square): Instagram feed posts, Facebook profile pictures, Twitter profile pictures. 4:3: Standard presentations, iPad screens, traditional TV format. 16:9 (Widescreen): YouTube thumbnails and videos, Twitter/X post images, Facebook event covers, desktop wallpapers. 9:16 (Vertical): Instagram Stories, TikTok videos, Snapchat snaps, YouTube Shorts. 3:2: Standard DSLR photo ratio, 6×4 inch prints. 2:3: Pinterest pins (tall format for maximum visibility in feeds). 5:4: 8×10 inch photo prints, Instagram portrait. 3:4: Portrait orientation for posters and book covers.

Common Use Cases

  • Create square profile pictures for Instagram, LinkedIn, Twitter, and Slack from rectangular photos
  • Crop product images to consistent aspect ratios for e-commerce listings on Amazon, Shopify, and Etsy
  • Extract specific regions from screenshots for bug reports, documentation, and presentations
  • Prepare 16:9 thumbnails for YouTube videos from wider or taller source images
  • Create tall 2:3 Pinterest pins from landscape photos to maximize feed visibility
  • Crop passport photos or ID images to exact government-specified dimensions
  • Remove unwanted borders, watermarks, or backgrounds from downloaded images
  • Prepare consistent hero images and banners for blog posts and landing pages

Key Concepts

Essential terms and definitions related to Image Cropper.

Crop Region

The rectangular area selected for cropping, defined by four values: X position (left edge), Y position (top edge), Width, and Height — all measured in pixels from the top-left corner of the original image. Only the pixels inside this region are included in the output.

Rule of Thirds

A photographic composition guideline that divides the frame into a 3×3 grid. Placing subjects along the grid lines or at their intersections creates more balanced, visually appealing compositions. The crop tool overlays this grid on the crop region to help you compose the crop.

Lossless vs Lossy Cropping

Lossless cropping (PNG output) preserves every pixel in the crop region exactly as it appears in the original — no quality degradation. Lossy cropping (JPEG/WebP output) re-encodes the cropped region, introducing minimal compression artifacts but producing smaller file sizes. For photography, lossy at 90%+ quality is visually indistinguishable from lossless.

Frequently Asked Questions

What aspect ratio should I use for Instagram?

Instagram supports three aspect ratios: 1:1 (square, 1080×1080) for standard feed posts, 4:5 (portrait, 1080×1350) for maximum feed real estate, and 16:9 or 1.91:1 (landscape, 1080×566) for landscape posts. Instagram Stories and Reels use 9:16 (1080×1920). For maximum engagement, 4:5 portrait posts take up the most screen space in the feed.

Are my images uploaded to any server?

No. The entire cropping process happens locally in your browser using the HTML5 Canvas API. Your images never leave your device — no uploads, no server processing, no tracking. This makes the tool safe for personal photos, confidential documents, and proprietary assets.

Can I crop to exact pixel dimensions?

Yes. You can enter exact pixel values for X, Y, Width, and Height in the input fields above the canvas. This gives you surgical precision for cases where the visual drag interface isn't precise enough, such as cropping to exact marketplace or platform requirements.

What is the difference between crop and resize?

Cropping removes parts of the image by selecting a rectangular region — the remaining pixels are unchanged. Resizing changes the pixel dimensions of the entire image by scaling it up or down. Cropping removes content; resizing scales it. For best results, crop first to select the area you want, then resize to the exact target dimensions.

Why does my cropped JPEG look different from the original?

JPEG is a lossy format — every time you encode (save) a JPEG, some quality is lost. At 90%+ quality, the difference is virtually invisible. If you need zero quality loss, use PNG output format, which is lossless. The trade-off is a larger file size.

Can I undo a crop?

The crop is non-destructive until you click "Crop Image" and download. You can adjust the crop region as many times as you want before committing. If you need to re-crop after downloading, simply upload the original image again — the original file on your device is never modified.

Troubleshooting & Technical Tips

Common errors developers encounter and how to resolve them.

Crop region snaps or jumps when dragging

This happens when an aspect ratio preset is selected. The crop region is constrained to maintain the selected ratio. Switch to "Free" aspect ratio for unconstrained cropping, or select a different preset.

Cropped image is very small

The crop dimensions shown in the inputs are in original image pixels, not screen pixels. If the image is displayed smaller than its actual size, a small screen selection corresponds to a larger pixel region. Check the Width/Height values in the inputs before cropping.

Cannot drag or interact with the crop area on mobile

Touch dragging is supported on mobile devices. Tap and hold on the image to start drawing a crop region. If the page scrolls instead of cropping, try zooming in slightly so the canvas fills the screen.

Related Tools