Crop AVIF Images Online Free

How to Crop AVIF Images Online

1. Upload Your AVIF File: Drag and drop or click "+ Add Files" to load an AVIF image from your device. Both still and animated AVIFs work, including HDR images with 10- or 12-bit color depth. Only the first file you pick is loaded — this editor works on one image at a time, not a batch queue. Processing happens locally in your browser — no sign-up, no watermark.
2. Pick an Aspect Ratio or Set Pixel Dimensions: Choose a preset — 1:1 (Instagram feed, profile pictures), 16:9 (YouTube thumbnails, web hero banners), 9:16 (Stories, Reels, TikTok), or 4:5 (Instagram portrait) — or switch to Free and drag the crop box to any shape. For pixel-perfect output, type exact Width, Height, X, and Y values; the box snaps to those coordinates while you reposition.
3. Resolution, Quality, and Bit Depth (Optional): Resize the cropped output by percentage or to a target width × height. Pick a quality preset for the AVIF re-encode (higher = larger file, lower = smaller), enable Lossless mode for bit-perfect output, or switch the Bit Depth between 8, 10, and 12 bits if your source is HDR and you want to preserve wide color.
4. Crop and Download: Click "Crop". Processing happens locally in your browser. No watermark, no sign-up. Use + Start New to crop another image.

Why Crop an AVIF?

AVIF (AV1 Image File Format) is the AOMedia-standardized still and animated image format derived from the AV1 video codec, with the v1.0.0 specification published February 2019. At matched perceptual quality, AVIF photos run roughly 50% smaller than JPEG and 20-30% smaller than WebP, while supporting alpha transparency, 10- and 12-bit HDR (PQ and HLG transfer functions in BT.2020), and 4:2:0 / 4:2:2 / 4:4:4 chroma subsampling. As of May 2026, AVIF is decoded natively in Chrome 85+, Firefox 93+, Edge 121+, and Safari 16.4+ — around 94% global support per caniuse.

Cropping an AVIF necessarily means decode → trim → re-encode (AVIF has no block-aligned "lossless crop" path the way JPEG sometimes does), so the kept area is recompressed. At high quality settings the perceptual loss is well below JPEG's because AVIF's underlying AV1 intra-frame coding is much more efficient. Common reasons to crop:

• Match a social-media aspect ratio without re-converting — Instagram feed at 1:1 (1080×1080), Stories at 9:16 (1080×1920), and YouTube thumbnails at 16:9 (1280×720) all work directly from AVIF if your CDN supports it; cropping keeps the format and the size advantage. Falling back to JPEG only happens at the <picture> source-selection step.
• Trim hero images for responsive web breakpoints — Modern image pipelines serve one art-directed crop per viewport. Crop the master AVIF to 16:9 for desktop, 4:3 for tablet, and 1:1 or 4:5 for mobile, keeping the AVIF format throughout for the smallest payload.
• Tighten product photos for e-commerce — Amazon, Shopify, and Etsy expect a consistent square or 4:3 frame across a catalogue; cropping the master AVIF removes background clutter without falling back to JPEG, so the listing page weighs less and renders faster on slow connections.
• Remove screenshot chrome and personal information — AVIFs exported from screenshot tools (modern macOS, Android, and some Linux desktops save AVIF) often include browser frames, taskbars, or email addresses. Crop them out before sharing.
• Cut a banner strip from a wider photo — Lift a 3:1 or 4:1 landscape band out of a 4:3 source for a website hero, Twitter/X header (1500×500), or LinkedIn cover (1584×396) without re-shooting.
• Reframe an animated AVIF — Animated AVIFs (image sequences) crop frame-by-frame, with the same region applied to every frame. Useful for trimming the active area of a short loop or sticker.

If the source isn't AVIF, use Crop PNG, Crop JPG, or Crop WebP instead. To switch formats while keeping the crop, Convert AVIF to JPG, Convert AVIF to PNG, or Convert AVIF to WebP. To shrink the cropped result further (target file size for an email attachment or PageSpeed budget), pass the output through Compress AVIF.

Aspect Ratio Cheat Sheet — Common Platforms and Use Cases

Pixel dimensions below are the platform's documented recommended size; the AVIF cropper accepts any of these as exact width × height inputs, or you can use the preset ratio and resize after.

AVIF vs WebP vs JPEG vs PNG — When AVIF Wins (and When It Doesn't)

AVIF is the right choice when payload size and HDR matter and your audience is on modern browsers. Stick with JPEG for the broadest reach (legacy browsers, old email clients, some print pipelines) and PNG when you need lossless graphics with transparency that every editor opens.

Crop vs Resize vs Compress — Which Edit Do You Need?

Frequently Asked Questions

Does cropping an AVIF reduce image quality?

Cropping discards the pixels outside the selected rectangle, but the kept region is re-encoded into a new AVIF — there is no block-aligned lossless crop path for AVIF the way jpegtran -crop exists for JPEG. At the cropper's default quality the re-encode loss is well below JPEG's because AVIF's AV1-derived intra-frame coding is much more efficient. For pixel-identical output, enable Lossless mode; the file will be larger but every kept pixel is preserved exactly.

Will alpha transparency be preserved when I crop?

Yes. AVIF supports a full 8-bit alpha channel (256 levels of transparency, identical to PNG-24) and the cropper preserves it. Logos, icons, and PNG-style transparent assets stay transparent in the cropped AVIF — no flattening, no white background. If your source has a wider alpha bit depth (rare), the output keeps the same alpha precision as the input.

What happens to HDR and 10- or 12-bit color when I crop?

If your source AVIF is 10- or 12-bit with an HDR transfer function (PQ or HLG, BT.2020 primaries), the cropper keeps the bit depth and color space by default — useful when the input is a screenshot from an HDR phone (recent iPhones and Pixels export HDR AVIFs) or a graded render. You can also explicitly set the Bit Depth in the options if you want to down-convert HDR to 8-bit SDR to maximize compatibility with older viewers.

Can I crop an animated AVIF?

Yes. Animated AVIFs (image sequences) crop frame-by-frame: the same X, Y, width, and height region is applied to every frame, and the output stays an animated AVIF. Frame count, frame rate, and loop behavior are preserved. If you only need a single still frame, Convert AVIF to PNG extracts one frame at a time.

Why is encoding the cropped AVIF taking longer than I expected?

AVIF uses AV1 intra-frame coding, which is roughly 5-10× slower to encode than JPEG and can be 40-50× slower than WebP at default speed settings. That's the tradeoff for the format's smaller file size. The cropper exposes a Compression Speed option — lower the speed (slower encode, smaller file) for archival or hero images; raise the speed (faster encode, slightly larger file) when turnaround matters more than the last 5% of file-size savings, such as working through a stack of product shots one at a time.

Will every browser open the cropped AVIF?

As of May 2026, native AVIF decode is available in Chrome 85+, Firefox 93+, Edge 121+, and Safari 16.4+ — caniuse.com reports about 94% global support. Mainstream legacy environments that can't decode AVIF: IE 11, older Android WebView, and Safari before 16.4 on iOS 15 and earlier. If you need to support those, use the HTML <picture> element to serve AVIF first with a JPEG or WebP fallback, or Convert AVIF to JPG for a static fallback file.

Can I crop to a circle or rounded-corner shape?

Standard cropping is rectangular only — both AVIF and the cropper produce a solid rectangle of pixels (with optional alpha transparency). For a true rounded-corner or circular mask, use an image editor like Photopea (free, browser-based) or GIMP to apply the rounded shape after cropping, or use a CSS border-radius / clip-path on the rendered web page. For circular profile pictures on LinkedIn, Slack, Discord, or GitHub, a centred 1:1 square is sufficient — those platforms apply the round mask automatically when they display the avatar.

Why is my cropped AVIF still larger than I expected?

Cropping removes pixels proportionally — a 4000×3000 source cropped to 1080×1080 keeps roughly 9% of the pixel area, and the file usually shrinks 70-85%. But final size also depends on output quality, bit depth, and the visual complexity of the kept region: detailed texture (foliage, fabric, fur) compresses less efficiently than smooth sky or solid background, so two same-pixel-count crops can produce different file sizes. To force a target size, follow up with Compress AVIF and set a target file size in KB or MB.

Can I crop and convert to JPEG or PNG in one step?

The crop tool outputs AVIF. To crop and switch formats, run this tool first, then Convert AVIF to JPG, Convert AVIF to PNG, or Convert AVIF to WebP on the cropped result. Alternatively, convert first to your target format and then Crop PNG, Crop JPG, or Crop WebP — the order rarely affects the final pixel quality, but starting with AVIF and converting last keeps your intermediate file smaller.