Image Tools

How to Crop & Convert TIFF to AVIF: Step-by-Step Tutorial

By Bill Crawford · March 2026 · 5 min read · Last updated March 13, 2026

🚀 Follow along with the tool open. TIFF to AVIF Crop Converter — free, in your browser.

Overview

This tutorial walks through every step of cropping a TIFF image and converting it to a compact AVIF file using the Data Conversion Center TIFF to AVIF Crop Converter. The entire process takes under two minutes and requires no software installation. Your image never leaves your device.

Step 1: Open the Tool

Navigate to dataconversioncenter.com/image-tools/tiff-to-avif-crop/ in any modern browser. The tool works in Chrome 85+, Firefox 93+, Edge, and Safari 16+ on both desktop and mobile. No sign-in, no extension, and no download required.

Step 2: Load Your TIFF

You have two options for loading your source image:

Drag and drop. Drag a TIFF file (with a .tiff or .tif extension) from your file manager directly onto the drop zone. The file loads the moment you release it.
Browse. Click anywhere on the drop zone (or the "Browse Files" link) to open your operating system's file picker. Select your TIFF and click Open.

As soon as the image loads, it appears in the source panel. The blue crop handles appear at the corners and edges of the image, initially set to the full image boundary.

Step 3: Adjust the Crop Area

The crop overlay has eight handles: four at the corners and four at the midpoints of each edge. Here is how each type behaves:

Corner handles (NW, NE, SW, SE). Dragging a corner handle resizes the crop in both dimensions simultaneously — the most common handle for free-form cropping.
Edge handles (N, S, W, E). Dragging an edge handle moves only that edge, constraining the resize to a single axis. Use these to trim a single side without affecting the others.
Interior pan. Click and drag anywhere inside the crop rectangle (not on a handle) to reposition the entire selection without changing its dimensions.

As you drag, the crop dimensions badge in the panel header updates in real time to show the output pixel dimensions at full TIFF resolution. The info bar below shows the exact pixel coordinates of the selection.

Step 4: Preview the Crop

Before downloading, click Preview Crop. A pop-up opens showing the cropped region rendered at browser width. The title displays the exact output dimensions (e.g., "Crop Preview — 1920 × 1080 px"). Verify your composition — check for clipped detail at the edges and confirm the framing is correct for your intended use.

Close the preview with the × button or by clicking outside the modal. Adjust the handles and preview again as many times as needed.

Step 5: Convert & Download the AVIF

When you are satisfied with the crop, click Convert & Download AVIF. The button briefly shows "⏳ Converting…" while the tool:

Draws the selected pixel region onto an off-screen canvas at full TIFF resolution.
Calls canvas.toBlob('image/avif', 0.85) to encode the cropped region as AVIF using the browser's native encoder.
Creates a Blob URL for the encoded file and triggers a browser download.

The file downloads as [original-filename]_crop.avif. For a source file named photo.tiff, the output is photo_crop.avif. If your browser does not support AVIF encoding, the tool automatically falls back to PNG and notifies you. The download is immediate — no server round-trip.

Step 6: Start Over (Optional)

To crop and convert a different TIFF, click ↺ Start Over. This clears the current image, resets the crop handles, and returns the tool to its initial drop zone state.

Tips for Best Results

Preview before downloading. It is much faster to adjust a handle and re-preview than to open the downloaded AVIF and discover the crop is off by a few pixels.
Watch the dimensions badge. If your target platform requires a specific pixel size — for example, 1200×630 for an Open Graph image — keep an eye on the badge as you drag handles.
AVIF browser support check. If you see a PNG fallback notification, your browser does not support AVIF encoding via canvas. Use Chrome 85+, Firefox 93+, or Safari 16+ for AVIF output.
Large TIFFs on mobile. Very high-resolution TIFFs may take a few seconds to process on memory-constrained mobile devices. Wait for the "Converting…" label to clear before opening the downloaded file.
Transparency is preserved. If your TIFF contains an alpha channel, the AVIF output preserves full transparency — no white background is added.

✍ Ready to crop and convert your TIFF to AVIF?

Open TIFF to AVIF Crop Converter →