AVIF → WebP Converter

Drag & Drop your .avif file here, or pick a file below. Nothing is uploaded.

WebP quality

Higher = larger file, better quality.

Alpha channel

Preserved automatically if present (depends on input/browsers).

Load an AVIF or use an example to preview.

Input: -

Output: -

AVIF → WebP - Quick Cheat Sheet

Local only: Everything runs in your browser; files aren't uploaded.
Browser support: AVIF decoding must be supported by your browser to load the input.
Quality: 70-90 is a solid range; higher means larger file size.
Alpha: Transparency is preserved automatically when present.
Color profile/EXIF: Canvas encoding may drop some metadata/ICC profiles.
CORS: Avoid cross-domain images unless they send permissive CORS headers.

How it works

Input AVIF is decoded via createImageBitmap (or HTMLImageElement) if supported.
Image is drawn to an HTML Canvas at its native size.
Canvas encodes to WebP via canvas.toBlob('image/webp', quality).