How to Convert TIFF to AVIF: Step-by-Step Tutorial (2026)

By Bill Crawford  ·  March 2026  ·  6 min read  ·  Last updated March 6, 2026

Connect on LinkedIn →

What You'll Need

• Chrome 85+, Edge 85+, or Firefox 93+ (required for AVIF encoding)
• One or more .tiff or .tif files
• No account, no software installation

Step 1: Open the Converter

Go to dataconversioncenter.com/image-tools/tiff-to-avif/. The page loads entirely in your browser — no files are ever sent to a server.

If you see a yellow compatibility warning at the top of the tool, you need to switch to Chrome 85+, Edge 85+, or Firefox 93+ before continuing. Safari support for AVIF encoding via the Canvas API can be inconsistent.

Step 2: Add Your TIFF Files

You have two options:

• Drag and drop: Drag one or more .tiff or .tif files directly onto the drop zone.
• Browse: Click anywhere in the drop zone (or the "Browse Files" link) to open a file picker. Hold Ctrl (Windows) or Cmd (Mac) to select multiple files at once.

Input thumbnails will generate immediately as the UTIF.js decoder reads each file. If a file is skipped with a warning, it wasn't recognized as a valid TIFF — check that it has a .tiff or .tif extension.

Step 3: Set the Quality Slider

The quality slider controls the compression level of the AVIF output:

• 85 (default): Excellent quality, dramatic size reduction. The right choice for most use cases.
• 90–95: Near-lossless. Use for fine art, product photography, or images where color accuracy is critical.
• 70–84: Good quality with maximum compression. Ideal for thumbnails and preview images.

You can adjust the slider at any time before clicking Convert — it does not apply retroactively to files already converted.

Step 4: Choose Download Mode

Check the Download as ZIP checkbox if you want all converted files bundled into a single timestamped archive (e.g., dataconversioncenter_tiff_to_avif_202603061430.zip). Leave it unchecked to download each AVIF individually with a per-file button.

Step 5: Convert

Click Convert to AVIF. The tool processes files in batches of two, updating each card's status badge in real time:

• Ready (grey) — queued, not yet processed
• Converting… (yellow) — actively encoding
• Converted (green) — complete, download button visible
• Error (red) — could not decode or encode this file

A progress bar tracks overall completion. Large uncompressed TIFFs may take a few seconds per file — this is normal as the browser decodes the raw pixel data.

Step 6: Review and Download

Once conversion completes, the output grid shows thumbnails and file sizes for each converted AVIF. Compare the output size to your original to verify the compression ratio.

• Click the ⬇ Download AVIF button on any card to save that file.
• Or click Download All AVIFs (or Download ZIP if you checked the ZIP option) to save everything at once.

The tool resets automatically after bulk download so it's ready for the next batch.

Using Your AVIF Files on the Web

For maximum browser compatibility, serve AVIF with a WebP fallback:

<picture>
  <source srcset="photo.avif" type="image/avif">
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="Description" width="800" height="600">
</picture>

Modern browsers (Chrome, Edge, Firefox, Safari 16.4+) will pick up the AVIF. Legacy browsers fall back to WebP or JPG automatically.

Troubleshooting

Yellow compatibility warning on page load: Your browser doesn't support AVIF encoding via the Canvas API. Switch to Chrome 85+, Edge 85+, or Firefox 93+.

File skipped with "not a valid TIFF" warning: Rename the file to add a .tiff or .tif extension and try again. Files without the correct extension are rejected as a safety measure.

Error status badge on a file: The file may use an exotic TIFF variant (multi-image, 32-bit float, or heavily proprietary compression) not supported by UTIF.js. Try converting with ImageMagick or Photoshop first, then re-upload.

Output file larger than expected: Very small or simple TIFFs (solid colors, simple graphics) may not compress as aggressively. Try lowering the quality slider or use the Image Compressor on the output for additional optimization.

Thumbnails loading slowly: Large TIFF files take a moment to decode. This is normal — the tool is reading and rendering the full pixel data in your browser.