Image Cropper

Image cropping is one of the most fundamental and frequently used operations in photo editing. Whether you are preparing a profile picture for social media, trimming whitespace from a screenshot, or extracting a specific region from a larger photograph, cropping allows you to remove unwanted areas and focus the viewer's attention on the subject that matters. This free online image cropper runs entirely in your browser using the HTML5 Canvas API — your image is never uploaded to any server, so your files stay completely private on your device.

What Is Image Cropping?

Cropping is the process of selecting a rectangular region of an image and discarding everything outside that region. Unlike resizing — which scales the entire image to new dimensions — cropping changes the composition by physically removing pixels from the edges. The result is a smaller image (in terms of pixel count) that contains only the portion you selected. Cropping does not inherently reduce image quality; the pixels within the selected area remain at their original resolution and clarity. This makes cropping an ideal first step before any further editing, because you start with the highest-quality data possible for the area you want to keep.

Understanding Aspect Ratios

An aspect ratio expresses the proportional relationship between an image's width and height. When you lock a crop selection to a specific aspect ratio, the tool constrains the rectangle so that the width-to-height proportion remains constant, regardless of how you resize the selection. Common aspect ratios serve distinct purposes:

• 1:1 (Square) — Used for profile pictures on Instagram, Facebook, LinkedIn, and most social platforms. Also popular for product thumbnails in e-commerce.
• 4:3 — The traditional aspect ratio for standard-definition television and many digital cameras. Common for presentations, documents, and older display formats.
• 16:9 (Widescreen) — The standard for HD video, YouTube thumbnails, website hero banners, and modern monitors. Ideal for cinematic compositions and landscape photography.
• 3:2 — The native ratio for 35mm film and many DSLR cameras. Widely used in print photography and photo galleries.
• Custom — Enter any width-to-height proportion for specialized requirements such as print dimensions, app icons, or platform-specific media sizes.

Common Use Cases for Image Cropping

Cropping is useful in a wide variety of scenarios. Social media platforms each have specific image dimension requirements — Instagram posts work best at 1080×1080 (1:1), Twitter header images at 1500×500, and Facebook cover photos at 820×312. Rather than resizing the entire image and distorting the composition, cropping lets you select exactly the right portion at the correct ratio. Web developers crop images to fit within specific layout containers, ensuring consistent visual design without relying on CSS to hide overflow. Photographers crop to improve composition — applying the rule of thirds, eliminating distracting background elements, or creating tighter portraits from wider shots. Print designers crop to match specific paper sizes and bleed margins. Even everyday tasks like cropping a screenshot to share just the relevant portion of a window or cropping a scanned document to remove scanner borders benefit from a quick, browser-based cropper.

PNG vs. JPEG: Choosing the Right Output Format

After cropping, you need to decide which format to save the result in. PNG uses lossless compression, preserving every pixel exactly as cropped — ideal for screenshots, graphics with text, logos, and any image where sharpness matters more than file size. JPEG uses lossy compression that discards some visual data to achieve smaller file sizes. For photographs and images with smooth gradients, JPEG at 85–95% quality offers a strong balance between visual fidelity and file size. The quality slider in this tool gives you fine-grained control over the trade-off: lower quality means smaller files but more compression artifacts; higher quality preserves detail at the cost of a larger file. Use PNG when you need pixel-perfect output, and JPEG when file size matters more than absolute precision.

How This Tool Works

When you upload an image, it loads directly into an HTML5 Canvas element rendered in your browser. You create a crop selection by clicking and dragging on the canvas, or by entering precise pixel coordinates in the manual input fields. The selection rectangle can be moved by dragging its interior and resized by dragging any of the eight handles (corners and edges). When an aspect ratio is locked, resizing automatically adjusts the opposite dimension to maintain the proportion. A real-time preview shows exactly what the cropped result will look like. When you click Download, the Canvas API extracts the selected region, encodes it in your chosen format, and triggers a file download — all without any network requests. The entire operation is instantaneous for typical image sizes.

Frequently Asked Questions

All file processing happens entirely in your browser. Your files are never uploaded to any server. No data leaves your device.

This image cropper is completely free, requires no sign-up, and works entirely in your browser. Select your crop area, choose your aspect ratio and format, and download — your files stay private on your device at all times.