Image Cropper

Instant aspect-ratio templates with frictionless handles and pixel-level nudging.

Back to Tools

Cropping batch...

Drop the shots you need to frame

Portraits, reels, hero slides, RAW files, or ZIP bundles all preview instantly before cropping.

Aspect presets + anchor control ZIP archives unpack locally

Cropping queue

  • Queue assets to choose ratios and anchor points before exporting.

Crop controls

Advanced framing

Need pixel-perfect adjustments? Use Center first, then re-run with Top, Bottom, Left, or Right to reframe the subject.

Drop files to see live previews.

Batch progress

We never store originals. Cropped results are deleted after delivery.

Cropped outputs will appear here with quick previews and download buttons.

<p>The <strong>image cropper</strong> trims an image down to a specific rectangle. Drop in JPG, JPEG, PNG, WEBP, AVIF, HEIC, HEIF, GIF, TIFF, BMP, ICO, or any other supported format, pick an aspect ratio or set explicit pixel dimensions, and download the cropped result. Up to 50 files per batch, 40 MB per file. The source's format, color profile, and EXIF metadata are preserved; animated GIFs and WEBPs are cropped frame-by-frame with original timing intact.</p> <h2>What the Cropper Actually Does</h2> <p>Two modes, picked by what you tell the tool. In <strong>aspect-ratio mode</strong>, the cropper computes the largest rectangle of the chosen ratio that fits inside the source image, positions it according to an anchor (center, top, bottom, left, or right), and outputs that rectangle. In <strong>pixel mode</strong>, you give the cropper four numbers (x, y, width, height) and it returns exactly that rectangle, clamped to the image bounds if you exceed them.</p> <p>The output keeps the source's format. If you uploaded a PNG with transparency, the cropped PNG still has transparency. If you uploaded an animated GIF, the output is the same GIF cropped to the new rectangle, with every frame trimmed identically and the original frame timing and loop count preserved. The cropper does not re-encode or recompress the image data outside the cropped region; it just changes the canvas.</p> <h2>Aspect Ratio Presets</h2> <p>Five presets cover the common cases:</p> <ul> <li><strong>Original:</strong> keeps the source's aspect ratio. Useful when you want to crop by pixel coordinates instead, or just trim a few pixels off the edges.</li> <li><strong>1:1 square:</strong> Instagram feed posts, profile avatars, app icons. Square crops are also the safest format for thumbnail systems that may apply their own center crop later.</li> <li><strong>9:16 portrait:</strong> Instagram Stories and Reels, TikTok, YouTube Shorts, vertical phone-screen content. Almost every full-screen mobile vertical format expects 9:16.</li> <li><strong>4:5 portrait:</strong> Instagram feed portrait posts. 4:5 is the tallest ratio Instagram allows in its main feed; anything taller gets center-cropped by the platform.</li> <li><strong>16:9 widescreen:</strong> YouTube thumbnails, blog hero images, presentation slides, modern desktop wallpapers. The standard horizontal video and screen ratio.</li> </ul> <p>For any other ratio (3:2 for DSLR photos, 21:9 for ultrawide, custom dimensions for a specific print size), use the pixel-rectangle mode and type the exact dimensions you need.</p> <h2>Anchor Points: Where the Crop Sits</h2> <p>When you switch aspect ratios on an image that does not already match, the cropper has to cut off the excess from somewhere. The anchor controls which part of the source stays:</p> <ul> <li><strong>Center (default):</strong> keep the middle, trim equally from both opposing edges. The right choice for most photos where the subject is centered.</li> <li><strong>Top:</strong> keep the top, trim from the bottom. Use this when the subject is at the top of the frame (a headshot with a lot of empty floor below, a vertical sign at the top of a wall).</li> <li><strong>Bottom:</strong> keep the bottom, trim from the top. Mirror of the above.</li> <li><strong>Left:</strong> keep the left, trim from the right. Useful for left-aligned compositions.</li> <li><strong>Right:</strong> keep the right, trim from the left. Useful for right-aligned compositions.</li> </ul> <h2>When to Use Pixel Mode Instead</h2> <p>Aspect-ratio mode is fast for "give me a 16:9 from this photo, the cropper picks where." Pixel mode is the right choice when you know exactly which region you want: the area around a specific face, a particular logo, a screenshot region with known coordinates. Pixel mode is also the only way to get arbitrary aspect ratios that are not in the preset list. Type the x, y, width, and height; the cropper trims to that rectangle precisely.</p> <h2>What the Cropper Does Not Do</h2> <p>The cropper is one tool with one job. It does not rotate, straighten, mirror, or skew the image - for that, use the <a href="/en/image-rotator">rotator and flipper</a> (any angle, snap to 90 degrees, horizontal or vertical mirror). It does not resize or scale - cropping changes the canvas, not the pixel density; for that, use the <a href="/en/image-resizer">image resizer</a>. It does not change format or compress - for that, the <a href="/en/image-converter">image converter</a> and <a href="/en/image-compressor">image compressor</a>. Chain these tools together as needed.</p> <h2>Batch Cropping and Privacy</h2> <p>Each cropping operation runs in memory on the server. Files stream to the cropping endpoint, decode into a buffer, get cropped, and return as base64 inside the JSON response. Nothing is written to disk, indexed, logged, or cached. The buffer is released as soon as the response is sent. Up to 50 files per batch, 40 MB per file. ZIP archives are unpacked server-side and each entry counts against the same 50-file limit. Outputs are returned individually or repackaged into a single download ZIP for batches above one file.</p> <p>The same aspect ratio and anchor apply to every file in a batch, which is the right behavior for processing many similar photos at once (cropping a folder of product shots to 1:1 for a catalog, for example). For per-image custom rectangles, process the files individually.</p> <h2 class="tools-section-title">FAQ</h2> <div class="collapse-group collapse-group-narrow"> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_1"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">Does cropping reduce image quality?</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>No. Cropping changes the canvas but not the pixel density; the pixels that remain in the cropped region are bit-for-bit identical to the same pixels in the source. The output is re-encoded in the same format as the input, which for lossy formats (JPG, lossy WEBP) does mean one fresh round of encoding. To avoid even that minor re-encode loss, crop to PNG or lossless WEBP. For most photographic content, the re-encode is invisible at normal viewing distance.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_2"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">Can I crop an animated GIF and keep the animation?</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>Yes. Every frame of the animated GIF (or animated WEBP) is cropped to the same rectangle, and the original frame timing and loop count are preserved. The output is an animated GIF or animated WEBP with the new dimensions. This is useful when a screen-recording GIF accidentally captured too much of the surrounding desktop and you only want the relevant UI area.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_3"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">What aspect ratios are available?</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>Five presets: Original (keeps the source ratio), 1:1 square, 9:16 portrait (stories, reels, shorts), 4:5 portrait (Instagram feed portrait), and 16:9 widescreen (YouTube, hero banners, slides). For any ratio not in this list, switch to pixel mode and enter the exact width and height you need; the cropper accepts any pixel rectangle that fits inside the source image.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_4"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">What does the anchor option do?</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>The anchor controls which part of the source survives the crop when the new aspect ratio differs from the source's. With anchor set to center (the default), the cropper trims equally from both opposing edges. With top, the cropper keeps the top of the image and trims from the bottom (good for headshots with empty floor underneath). Bottom, left, and right work the same way for their respective sides. Pick the anchor that matches where your subject sits in the frame.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_5"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">Can I crop to specific pixel dimensions instead of an aspect ratio?</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>Yes. Switch to pixel mode and enter the exact x, y, width, and height you want. The cropper trims to that rectangle precisely. If you enter dimensions that exceed the image bounds, the rectangle is clamped to fit inside the source rather than padding with empty space. This is the right mode when you have specific coordinates from a screenshot, an OCR region, or a design spec.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_6"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">Will my EXIF and color profile survive cropping?</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>EXIF metadata (camera, lens, GPS, capture time) and ICC color profiles are preserved by default. The output keeps the source's format and embedded data, just with a different canvas size. To strip GPS coordinates or other personal metadata before sharing a cropped photo, run the result through the converter with the strip-metadata option enabled.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_7"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">Are uploaded files stored anywhere?</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>No. Files stream to the cropping endpoint, decode into a memory buffer, get cropped, and return in the response. Nothing is written to disk, indexed, logged, or cached. The buffer is released as soon as the response is sent. The tool requires no registration and does not track which images you have cropped.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_8"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">What aspect ratio should I use for which platform?</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>Quick reference: 1:1 for Instagram feed posts and profile avatars; 4:5 for Instagram portrait feed posts (the tallest the platform accepts in feed without center-cropping); 9:16 for Instagram Stories, Reels, TikTok, YouTube Shorts, and any full-screen vertical mobile content; 16:9 for YouTube thumbnails, blog hero images, presentation slides, and modern desktop wallpapers. LinkedIn favors 1.91:1 for shared link previews (use pixel mode). Twitter and Facebook are forgiving with most ratios and center-crop anything outside their preferred range.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_9"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">Can I batch-crop dozens of photos to the same dimensions?</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>Yes. Up to 50 files per batch, 40 MB per file. The same aspect ratio and anchor apply to every file in the batch, which is exactly what you want when cropping a folder of product photos to 1:1 or a set of headshots to 4:5. ZIP archives are unpacked server-side and each entry counts against the same 50-file limit. Outputs are returned individually or repackaged into a single download ZIP. For per-image custom rectangles, process the files one at a time instead.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_10"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">Is the cropper free and is registration required?</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>Free with no registration. No rate limits, no watermarks added to outputs, no premium tier with extra features held back. The same applies to all imgdeal tools, including <a href="/en/image-resizer">resizing</a>, <a href="/en/image-rotator">rotating and flipping</a>, <a href="/en/image-converter">format conversion</a>, and <a href="/en/image-compressor">compression</a>.</p> </div> </div> </div> </div>