Crop WebP

How to Crop WebP Images Online

1. Choose Your WebP Files: Drag and drop WebP images onto the page or click "Choose WebP files" — up to 50 at once. The first photo opens in the editor and the rest line up as thumbnails below it; with two or more photos open, "Add more" adds files to the same batch.
2. Set the Crop: In Crop, pick an "Aspect ratio" ("Free", "Original", 1:1, 4:3, 16:9 and more) or a platform size, then drag the box on the photo or type its width and height under "Crop area". "Shape" switches between "Rectangle" and "Circle (avatar)". The crop applies to every photo in the batch.
3. Pick the Output Format (Optional): "Save as" keeps "Same as original" or saves as JPG, PNG, WebP or another format. For JPG, WebP and AVIF output, the "Quality" slider (40–100) trades file size against detail. Resize, Crop, Rotate and Flip all work in the same session, and "Undo" steps back.
4. Download: Click the Download button, which names the output format (for example "Download PNG"), for one photo, or "Download all (.zip)" for a batch — "Download one by one" saves the files separately. WebP files are processed right in your browser, so they are not uploaded. No sign-up, no watermark.

Why Crop WebP Images?

WebP is Google's modern image format — smaller than JPG and PNG at the same visual quality, with full alpha transparency support. Cropping is one of the most common edits, especially for assets pulled from websites or design tools. The kept pixels stay in WebP without conversion, so the output remains compact. Common reasons to crop:

• Trimming whitespace from saved web images — Right-clicking an image on a website often saves it with extra padding or surrounding chrome. Cropping cleanly removes the surrounding noise.
• Aspect-ratio framing for social media — Instagram square (1:1), Stories (9:16), Twitter / X header (3:1), LinkedIn cover (4:1). Crop instead of letterboxing.
• E-commerce product photos — Most marketplaces require specific dimensions. Crop a master image to fit Amazon (1500×1500 / 2000×2000), Shopify, Etsy, or eBay templates without re-encoding to JPG/PNG.
• Logo and icon bounding boxes — Tighten a logo to its visible content so it renders correctly at exact pixel sizes in CSS / app icon sets.
• Modern web galleries that prefer WebP — Crop a hero image to fit each breakpoint without converting to a different format.
• Privacy — Crop personal info (name, email, address) out of a screenshot before sharing online.

Crop Modes — When to Use Which

Common Aspect Ratios

Frequently Asked Questions

Does cropping a WebP reduce quality?

Cropping itself doesn't change the kept pixels, but the output WebP is always re-encoded lossily — even at "Quality" 100, since this editor has no lossless WebP mode, so a lossless WebP source comes back lossy. At a "Quality" of 90 or more the difference is invisible; for a pixel-identical result, save as PNG with "Save as". With aggressive lossy quality settings (40-60), you may see subtle softening compared to the original. Keep quality at 80+ for visually lossless output.

Will transparency be preserved?

Yes. WebP supports a full 8-bit alpha channel and the crop tool preserves it exactly. Logos, icons, and PNG-style transparent assets stay transparent in the output WebP — no flattening, no white background.

Can I crop animated WebPs?

Not as an animation. The editor on this page works on the first frame and says so when an animated WebP opens: an animated WebP you crop here is saved as a still image of that frame, and the other frames are not kept. Downloading the file without an edit gives back your original animated WebP. If a single still frame is what you want, this page crops it directly.

How is cropping different from resizing?

Cropping removes pixels — output has fewer pixels than input, but each kept pixel is unchanged (apart from re-encode). Resizing changes the pixel count by interpolation — every pixel is recomputed. Cropping preserves exact detail; resizing introduces (usually invisible) softness. To do both, crop first, then resize the result.

Can I batch crop many WebPs with the same region?

Yes — drop up to 50 WebP files at once (a mixed batch works too). The crop region (or aspect-ratio preset) you set applies to every file in the batch; "Download all (.zip)" saves every cropped result in one ZIP, or use "Download one by one" to save them separately.

Will the cropped WebP be smaller than the original?

Almost always yes — proportionally to how much you removed. A 1920 × 1080 WebP cropped to 800 × 600 keeps roughly 23% of the pixel area; the file size shrinks 70-80% (depending on how busy the kept region is). Cropping is the most effective single way to shrink an image.

Can I crop to a circular shape?

A circle, yes: under "Shape", pick "Circle (avatar)". The WebP is saved as a square with transparent corners. There is no rounded-corner shape; for that, you'll need an image editor (Photoshop, GIMP, Photopea) or a CSS clip-path on the rendered web page.

Can I crop and convert to a different format at the same time?

Yes. Pick PNG, JPG or another format under "Save as" before you download; "Same as original" keeps WebP. For files you have already cropped, WebP to PNG or WebP to JPG do the switch. Or invert: convert first to your target format, then Crop PNG or Crop JPG.