How to crop a WebP image
Cropping a WebP trims the image to your selected region and discards the rest. WebP is usually saved with lossy compression, so the kept area is re-encoded on save — much like JPG — but WebP is more efficient, giving you a smaller file at the same visual quality while still supporting transparency.
This WebP cropper runs entirely in your browser. Drop in a WebP file, drag a selection box or choose an aspect-ratio preset, and download the cropped result — no uploads, no sign-up, and no watermark.
How to use it
1. Drop your WebP image onto the drop zone or click to browse.
2. Drag a rectangle over the area you want to keep, or pick an aspect-ratio preset (1:1, 4:3, 3:2, 16:9, or 9:16) to lock the selection's shape.
3. Fine-tune the edges until the framing looks right in the live preview.
4. Download the cropped WebP image. Everything is processed on your device.
Choosing an aspect ratio
The aspect ratio is the shape of your crop, and matching it to where the image will be used saves you from awkward auto-cropping later.
- 1:1 (square) — profile pictures and avatars, product tiles, and Instagram grid posts. Platforms display these in a square or circle, so a square crop keeps your subject centered. - 4:3 and 3:2 — classic photo proportions, good for general photography and prints. - 16:9 (widescreen) — video thumbnails, presentation slides, and desktop banners. - 9:16 (vertical) — phone wallpapers and full-screen stories or reels.
Wide ratios like 16:9 or 3:1 also suit social banners and cover photos, where the visible strip is short and wide.
Composition tips for a stronger crop
A crop is a chance to improve the composition, not just trim the edges.
- Use the rule of thirds: imagine the frame split into a 3×3 grid and place your subject or the horizon along a line or intersection rather than dead center. It usually feels more natural and balanced. - Give the subject a little breathing room; cropping too tightly against a face or object can feel cramped. - Remove distractions at the edges — a stray object or empty corner pulls the eye away from the subject. - Keep horizons level, and crop to straighten a photo that was shot at a slight angle.
Cropping and WebP quality
A lossy WebP crop is re-compressed when saved, so there is a small generation loss, though WebP's efficiency means it holds up better than JPG at the same size. If you need the crop to be perfectly lossless, save it as PNG.
WebP is a great default for the web: keep it when you want a small, transparency-capable file. Use PNG when the crop must stay pixel-perfect, or JPG when you need maximum compatibility with older software.
Frequently asked questions
Is cropping a WebP lossless?
Not when it is saved as lossy WebP — the kept region is re-encoded, so there is a small quality loss, similar to JPG but more efficient. Save the crop as PNG if you need it to stay perfectly lossless with no re-compression.
What aspect ratio should I use for a profile picture?
Use a 1:1 square crop. Nearly every platform shows avatars in a square or circular frame, so a square keeps your face centered and stops the platform from cropping it awkwardly. For banners and cover images, switch to a wide ratio such as 16:9 instead.
Does cropping change the file size?
Usually yes — removing pixels means there are fewer to store, so a cropped image is typically smaller than the original. How much smaller depends on the format and how much you trim. If you need a specific file size, crop first and then run the result through the compressor.
Are my images uploaded to a server?
No. All cropping happens locally in your browser using the canvas engine — your WebP images never leave your device, so it is safe to crop private or work photos.
Is this tool free?
Yes — cropping WebP images here is completely free, with no watermark, no account, and no limit on how many you crop.