HEIC to AVIF Crop: Complete Conversion Guide for Web & Mobile

By Bill Crawford  ·  March 2026  ·  9 min read  ·  Last updated March 12, 2026

Connect on LinkedIn →

What Is AVIF and Why Does It Matter?

AVIF (AV1 Image File Format) is the most advanced widely-supported image format available for web use today. It is built on the AV1 video codec developed by the Alliance for Open Media — an open, royalty-free standard backed by Google, Mozilla, Microsoft, Apple, and others. AVIF achieves state-of-the-art compression: at comparable visual quality, AVIF files are typically 50% smaller than JPEG and 20–35% smaller than WebP. This makes AVIF the ideal output format for any image you intend to publish on the web or distribute digitally.

Beyond compression efficiency, AVIF supports features that JPEG fundamentally lacks: full alpha transparency, HDR (high dynamic range) color, wide color gamut (Display P3, Rec. 2020), and 10-bit color depth. AVIF is natively supported in Chrome 85+, Edge 85+, Firefox 93+, and Safari 16.4+, covering the vast majority of current browser users. The combination of extreme compression and modern feature support makes AVIF the format of choice for web-optimized imagery in 2026.

What Is HEIC and Where Does It Come From?

HEIC (High Efficiency Image Container) is the default photo format used by iPhones and iPads since iOS 11. It stores images using the HEVC video codec (H.265), which achieves roughly twice the compression efficiency of JPEG while maintaining comparable visual quality. A HEIC photo from a 12-megapixel iPhone camera typically occupies 2–4 MB, whereas an equivalent JPEG might be 5–8 MB.

The trade-off is compatibility. While Apple devices open HEIC natively, Windows requires a Microsoft Store codec extension, and web browsers have inconsistent HEIC support. Most professional web publishing workflows cannot accept HEIC as a direct input format. Converting HEIC to AVIF resolves both the compatibility issue and further optimizes file size for web delivery — AVIF achieves similar compression to HEIC but is universally supported in modern browsers.

When Should You Crop and Convert HEIC to AVIF?

• Publishing iPhone photos on a website or blog. HEIC is not directly usable in most web contexts without server-side conversion. AVIF is natively supported in all modern browsers and can be served directly from any web server as a standard image. Converting to AVIF at the crop stage ensures your published images are both correctly framed and optimally compressed.
• Sharing photos in messaging apps and social platforms. Many platforms accept AVIF or will convert it automatically. Providing a pre-cropped AVIF means the recipient sees exactly the framing you intended without relying on platform cropping tools.
• Reducing storage and bandwidth costs. AVIF is significantly smaller than JPEG at equivalent quality. Converting a HEIC photo library to AVIF during a crop-and-convert workflow can meaningfully reduce storage requirements and CDN bandwidth costs for image-heavy sites.
• Extracting a specific subject from a photo. The crop tool lets you isolate a portrait, product detail, or scene element from a larger HEIC photo and export just that region as a compact AVIF — without needing Photoshop or Lightroom.
• Preparing images for social media. Social platforms have specific aspect ratio requirements. Crop your HEIC photo to the correct ratio and convert to AVIF in one step, then upload the AVIF directly or convert it to JPEG as a final step if required by the platform.

HEIC vs AVIF: Format Comparison

How the Crop Workflow Works in the Browser

The HEIC to AVIF Crop Converter decodes your HEIC file entirely in the browser using a two-stage approach. First, it attempts native HEIC decoding via createImageBitmap() — available in Chrome 105+, Safari, and Edge. If native support is not available, it automatically falls back to the heic2any JavaScript library, which uses a WebAssembly-based HEVC decoder for full cross-browser compatibility. The decoded image is drawn onto an HTML5 Canvas element, and an SVG overlay renders the crop rectangle and handles on top.

When you drag a handle, the tool maps canvas coordinates back to the original image's pixel dimensions using a scale factor (natural width ÷ display width). This ensures the crop is applied at full resolution — the canvas is only a display proxy. When you click Convert & Download AVIF, an off-screen canvas draws only the selected region using drawImage with source rectangle parameters, then calls canvas.toBlob(callback, 'image/avif', 0.85) to encode the cropped area as an AVIF file using the browser's native AV1 encoder. No server round-trip is required at any point.

What the AVIF Encoder Produces

The AVIF output is encoded at quality 0.85 (85%) using the browser's native Canvas API encoder. This setting provides an excellent balance between file size and visual quality — small enough for efficient web delivery, with detail preservation that makes it suitable for most publishing and sharing use cases. The output is a standard AVIF file that opens in Chrome, Edge, Firefox, Safari 16.4+, Windows 11 Photos, and macOS Preview. If the browser does not support AVIF encoding via canvas.toBlob(), the tool automatically falls back to WebP output, ensuring the download always succeeds.

Frequently Asked Questions

Does cropping a HEIC photo before saving as AVIF affect quality?

Cropping selects a region and discards the rest. The quality of the selected pixels is determined by the original HEIC encoding — HEIC uses efficient HEVC compression, so some compression is already present. The AVIF encoder then re-compresses those decoded pixels using AV1. At the default quality setting of 0.85, very little additional visible quality loss occurs. The primary difference between the input and output is the change in container and codec, plus any visible AVIF compression artifacts at lower quality settings.

How does AVIF file size compare to the original HEIC?

AVIF and HEIC use different codecs but achieve similar compression efficiency. For a cropped region, AVIF output will typically be within 10–30% of the equivalent HEIC file size at comparable quality. Both formats significantly outperform JPEG. The main advantage of AVIF over HEIC is not smaller file size but rather universal browser compatibility.

Can I use the output AVIF in Adobe Photoshop or Lightroom?

Photoshop requires a free AVIF plugin from the Adobe Exchange to open AVIF files. Lightroom Classic supports AVIF as of version 12.0. GIMP 2.10.22+ opens AVIF natively. For immediate viewing, drag the AVIF file into Chrome, Edge, or Firefox — all display it directly.

Is the conversion really free with no file size limit?

Yes. Because all processing runs entirely in your browser, there is no server to impose a limit. The only practical limit is your device's available RAM. There are no usage caps, no watermarks, and no account required.

What happens to the HEIC's HDR or wide color data during conversion?

iPhone HEIC photos captured in HDR or wide color (Display P3) mode contain color data beyond the standard sRGB gamut. The browser's Canvas API renders this data into a standard 8-bit-per-channel sRGB surface before the AVIF encoder sees it. HDR headroom is tonemapped during the browser decode step. The output AVIF represents the image as the browser renders it, which for most practical purposes matches what you see on screen.