Konverter AVIF ke Base64

Enkode gambar AVIF sebagai Base64 dan pertahankan ukuran file yang sangat kecil berkat kompresi AV1. Gunakan hasilnya di HTML, CSS, Markdown, atau JSON, dengan fallback untuk browser lama.

Konversi ke Lebar maks.

Seret gambar ke sini, klik untuk memilih, atau tempel dari papan klip PNG, JPEG, GIF, WebP, SVG, BMP, ICO, AVIF, dan lainnya. Diproses secara lokal.

Berjalan sepenuhnya di browser Anda. Tidak ada yang diunggah.

Cara menggunakan

Seret file .avif ke area seret-lepas, klik untuk memilih file, atau tempel gambar.
Pertahankan Format asli. AVIF biasanya merupakan opsi terkecil, dan alat ini tidak dapat mengenkode ulang gambar ke AVIF.
Konversi ke PNG, JPEG, atau WebP hanya jika pihak penerima tidak dapat menangani AVIF.
Salin data URI untuk sumber elemen picture, atau gunakan keluaran Base64 mentah, tag img, CSS, atau Markdown.

Apa itu AVIF?

AVIF (AV1 Image File Format) menyimpan gambar yang dikompresi dengan codec video AV1 di dalam kontainer HEIF. Format ini diterbitkan oleh Alliance for Open Media pada 2019 dan mendukung transparansi, animasi, warna 10 dan 12 bit, HDR, serta gamut warna yang luas. Tipe MIME-nya image/avif.

Pada kualitas visual yang sama, file AVIF sering kali jelas lebih kecil daripada JPEG dan biasanya lebih kecil daripada WebP, terutama pada bit rate rendah. Karena Base64 menambahkan sepertiga ukuran yang sama pada file apa pun, AVIF yang lebih kecil langsung berarti data URI yang lebih pendek.

Dukungan browser dan fallback

AVIF dapat ditampilkan di Chrome 85 dan yang lebih baru, Firefox 93 dan yang lebih baru, Safari 16 dan yang lebih baru, serta Edge 121 dan yang lebih baru. Browser lama dan sebagian besar klien email tidak dapat menampilkannya. Di web, bungkus data URI dalam elemen <picture> dengan fallback:

<picture>
  <source type="image/avif" srcset="data:image/avif;base64,...">
  <img src="logo.png" alt="Logo" width="120" height="40">
</picture>

Simpan fallback sebagai file terpisah. Jika fallback juga berupa data URI, setiap pengunjung akan mengunduh kedua versi sebagai bagian dari HTML.

Opsi pengodean dan konversi

Alat ini mengenkode file AVIF Anda persis apa adanya. AVIF tidak termasuk dalam target konversi, yaitu PNG, JPEG, dan WebP, jadi untuk membuat AVIF dari format lain, gunakan encoder khusus seperti avifenc, Squoosh, atau editor gambar, lalu enkode hasilnya di sini.

Konversi AVIF ke PNG, JPEG, atau WebP berfungsi di browser yang dapat mendekode AVIF dan berguna untuk sistem yang tidak menerimanya, tetapi hasilnya biasanya lebih besar. Jika Anda memerlukan dukungan luas dan ukuran kecil, WebP adalah alternatif terdekat.

Pertanyaan yang sering diajukan

Bisakah saya mengonversi PNG atau JPEG ke AVIF di sini?

Tidak. Target konversinya adalah PNG, JPEG, dan WebP. Buat file AVIF dengan alat lain terlebih dahulu, lalu seret ke sini untuk mengenkodenya.

Browser mana yang menampilkan gambar data:image/avif?

Chrome 85+, Firefox 93+, Safari 16+, dan Edge 121+. Untuk browser lama, sediakan fallback PNG atau JPEG dalam elemen picture.

Mengapa tidak ada pratinjau gambar AVIF saya?

Kemungkinan browser Anda tidak dapat mendekode AVIF. Keluaran Base64 tetap dihasilkan dari byte file dan hasilnya benar; buka halaman ini di browser versi terbaru untuk melihat pratinjaunya.

Apakah Base64 AVIF lebih pendek daripada Base64 WebP?

Biasanya ya, pada kualitas visual yang serupa. Base64 menambahkan 33% yang sama pada kedua format, jadi file sumber yang lebih kecil selalu menghasilkan string yang lebih pendek.