Crop WebP

How to Crop WebP Images Online

1. Upload Your WebP File: Drag and drop or click "Add Files" to select a WebP file. Photos saved from websites, design exports, screenshots, animated WebPs, and downloaded illustrations all work. Only the first file you pick is loaded — this editor works on one image at a time, not a batch queue.
2. Set the Crop Region: Enter exact pixel coordinates (X, Y, width, height), pick an aspect ratio preset (1:1, 4:3, 16:9, 9:16, 4:5, 3:2), or drag visually. Output dimensions can also be expressed as a percentage of the source.
3. Optionally Resize and Pick Quality: After cropping, scale by percentage or to a target width × height. Pick a quality preset for the output WebP — higher = larger file, lower = smaller file. Lossless mode is also available for assets that need to stay bit-perfect.
4. Crop and Download: Click Crop. Processing happens locally in your browser. 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?

The cropped pixels themselves are bit-identical to the source — cropping doesn't recompress them. However, the output WebP is re-encoded into a new container, which can apply WebP compression to the kept region. With "Highest" quality preset or "Lossless" mode the difference is invisible. 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?

Yes — animated WebPs crop frame-by-frame, with the same region applied to every frame. The output is a smaller animated WebP. If you only need a single still frame, see WebP to PNG for extracting one frame at a time.

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?

Not on this page, and not anywhere on xconvert today — cropping isn't part of the batch-capable server-side tools. The editor here holds one image at a time: set the X / Y / width / height, crop, save, then + Start New and re-enter the same numbers for the next file. It's manual, but for a series of screenshots at the same window size, a set of product photos, or trimming whitespace off a folder of icons, the same numbers apply every time.

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?

Standard crop is rectangular. For rounded-corner or circular masks, you'll need an image editor (Photoshop, GIMP, Photopea) or a CSS clip-path on the rendered web page. Crop tightly to a square first, then apply a rounded mask in the editor.

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

Crop tool outputs WebP. To crop and convert, run this tool first, then WebP to PNG or WebP to JPG on the cropped result. Or invert: convert first to your target format, then Crop PNG or Crop JPG.