Konversi AVIF ke ICO
Jika satu-satunya salinan logo Anda berupa file .avif, halaman ini mengubahnya menjadi favicon.ico yang memuat semua ukuran ikon umum dari 16 hingga 256 px, dengan latar transparan yang tetap terjaga.
Konverter Gambar
atau jatuhkan file JPG, JPEG, JPE … di sini ·
Maks. 95 MB per file· Hingga 20 file· Dihapus setelah 30 menit
File diproses di server kami dan dihapus setelah 30 menit.
85 membuat foto tampak identik dengan aslinya. Turunkan hanya jika Anda memerlukan file yang lebih kecil.
JPG, BMP, dan EPS tidak mendukung transparansi. Piksel transparan diisi dengan warna ini.
Warna hex yang dipakai di belakang piksel transparan, mis. #FFFFFF.
Format ini hanya memuat satu gambar. Pilih keluaran GIF atau WebP jika Anda ingin mempertahankan animasi.
Ikon multi-ukuran berisi beberapa resolusi dalam satu file; peramban dan sistem operasi memilih yang dibutuhkan.
Pertahankan dimensi asli, atau masukkan satu sisi dan rasio aspek akan dipertahankan.
Piksel untuk sisi yang Anda pilih di atas.
Persentase dari dimensi asli.
sRGB tepat untuk layar dan web. Pertahankan aslinya untuk alur kerja cetak; skala abu-abu membuang warna.
Hanya metadata, 0 mempertahankan nilai asli. Printer dan sebagian portal membaca angka ini; dimensi piksel tidak berubah.
Cara menggunakan alat ini
- 1
Unggah logo AVIF
Gunakan versi persegi terbesar yang Anda miliki; 512 × 512 px atau lebih menghasilkan ukuran kecil yang paling bersih. Beberapa logo bisa diproses sekaligus.
- 2
Biarkan ukuran ikon pada Semua
Ukuran ikon disetel ke Semua ukuran (16–256), sehingga satu file .ico mencakup tab browser, bookmark, dan pintasan Windows. Pilih satu ukuran saja hanya jika sebuah program memintanya.
- 3
Konversi ke ICO
Tekan Konversi ke ICO, ganti nama unduhan menjadi favicon.ico bila perlu, lalu letakkan di root situs Anda.
AVIF adalah format untuk menyajikan gambar dengan cepat; ICO adalah wadah untuk ikon kecil. Konversi mendekode AVIF satu kali lalu menulis beberapa salinan yang diperkecil ke dalam satu file .ico, masing-masing dengan kanal alfanya sendiri.
Mengapa logo AVIF memerlukan versi ICO
AVIF dirilis oleh Alliance for Open Media pada 2019 dan dibangun di atas codec video AV1. Chrome menambahkan dukungan di versi 85, Firefox di 93, dan Safari di 16, sehingga pembuat situs dan CDN gambar kini menyajikan AVIF secara bawaan. Begitulah banyak tim akhirnya hanya memiliki logo merek yang tersimpan sebagai logo.avif.
Favicon adalah satu-satunya tempat di mana hal itu kurang berjalan baik. Pintasan desktop Windows dan situs yang disematkan membaca ICO, browser lama dan banyak crawler mengambil /favicon.ico tanpa melihat HTML Anda, dan sebagian kolom favicon di CMS menolak unggahan AVIF sama sekali. Satu ICO yang dibuat dari AVIF mencakup semuanya, dan langkah PNG ke ICO di antaranya tidak lagi diperlukan.
AVIF
Format gambar AV1 (AVIF)
AVIF menyimpan gambar diam dan rangkaian gambar yang dikompresi dengan codec video AV1, dan difinalisasi oleh Alliance for Open Media pada 2019. Format ini biasanya menghasilkan file yang lebih kecil daripada JPEG maupun WebP pada kualitas visual yang sama, serta mendukung transparansi, animasi, gamut warna luas, dan HDR. Proses encoding lebih lambat dibanding format lama, dan tekstur yang sangat halus dapat terlihat diperhalus pada pengaturan kualitas rendah. Semua browser utama kini menampilkan AVIF, tetapi banyak aplikasi desktop, platform sosial, dan perangkat lama tidak dapat membukanya.
- Kompresi
- Lossy atau lossless
- Transparansi
- Ya
- Animasi
- Ya
- Diperkenalkan
- 2019 · Alliance for Open Media
ICO
Ikon Windows
ICO adalah format ikon Microsoft yang digunakan untuk ikon program Windows dan favicon situs web. Satu file .ico dapat berisi beberapa gambar dengan ukuran berbeda, seperti 16×16, 32×32, 48×48, dan 256×256 piksel, sehingga sistem dapat memilih yang paling sesuai. Setiap gambar dapat disimpan sebagai bitmap atau data PNG dan mendukung transparansi alfa penuh. ICO tidak ditujukan untuk foto atau karya grafis berukuran besar. Browser, Windows, dan sebagian besar editor ikon dapat membacanya.
- Kompresi
- Lossless
- Transparansi
- Ya
- Animasi
- Tidak
- Diperkenalkan
- Microsoft
Logo AVIF biasanya berasal dari pipeline gambar situs modern atau ekspor web dari desainer, sementara situs tetap memerlukan favicon.ico klasik di root-nya yang bisa dibaca setiap browser dan crawler.
Ukuran ikon yang dikemas dalam favicon.ico
- Tab browser dan bilah alamat
- 16 px
- Bookmark, pintasan taskbar
- 32 px
- Tampilan ikon besar Windows
- 256 px
- Semua ukuran dalam satu favicon.ico
- 1 file
Alfa tetap ada
Area transparan pada AVIF tetap transparan di setiap ukuran.
Diperkecil per ukuran
Setiap entri di-resample dari gambar asli, bukan dari ukuran satu tingkat di atasnya.
Hanya frame pertama
AVIF animasi hanya menyumbangkan frame pertamanya.
Menjaga logo AVIF tetap terbaca pada 16 × 16
Ikon 16 px hanya berisi 256 piksel, sehingga garis tipis, teks kecil, dan gradasi lenyap. Sebelum konversi, ekspor versi logo yang disederhanakan: simbol tanpa tulisan merek, garis yang lebih tebal, dan kontras lebih tinggi terhadap tema browser terang maupun gelap. Latar transparan membiarkan warna tab terlihat, yang biasanya tampak lebih baik daripada kotak putih.
Kompresi AVIF yang berat juga bisa meninggalkan tepi lembut atau warna yang meluber di sekitar bentuk tajam. Jika logo Anda begitu, mintalah AVIF lossless atau master SVG; pada ikon besar artefaknya terlihat, sedangkan pada 16 dan 32 px proses pengecilan menyembunyikan sebagian besarnya. Untuk latar belakang perbandingan AVIF dengan WebP dan HEIC, baca penjelasan AVIF, HEIC, dan WebP.
Pertanyaan seputar favicon AVIF ke ICO
Bisakah browser memakai file AVIF langsung sebagai favicon?
Chrome, Firefox, dan Safari bisa menampilkan AVIF, tetapi file bernama favicon.ico di root situslah yang secara bawaan diminta oleh browser, pembaca feed, dan banyak bot pratinjau tautan. Menyediakan ICO asli di sana mencegah error 404 di log server dan ikon tab kosong di klien lama.
Logo AVIF saya tidak persegi. Apakah ikon ICO-nya akan melar?
Ikon berbentuk persegi, jadi logo yang lebar akan menyusut menjadi strip tipis atau terdistorsi. Potong dulu logo ke simbol atau inisialnya; cara memotong gambar sesuai rasio membahas potongan 1:1 yang menjaga subjek tetap di tengah.
Apakah warna 10-bit dari AVIF bertahan di file ICO?
Tidak. Entri ikon menyimpan 8 bit per kanal ditambah kanal alfa 8-bit, sehingga data AVIF HDR atau 10-bit diturunkan ke warna sRGB standar. Pada 16 atau 32 px tidak ada yang bisa melihat perbedaannya.
Favicon seperti apa yang diperlukan Google untuk hasil penelusuran?
Pedoman Google meminta favicon persegi dengan ukuran kelipatan 48 px, misalnya 48 × 48 atau 96 × 96, yang dirujuk dari halaman beranda. ICO dari halaman ini menyertakan entri yang lebih besar yang bisa diperkecil oleh Google.
Apakah AVIF ke PNG pilihan yang lebih baik untuk ikon aplikasi?
Untuk iOS, Android, dan manifest aplikasi web, ya; semuanya mengharapkan file PNG pada ukuran tetap seperti 180 × 180 dan 512 × 512. Gunakan AVIF ke PNG untuk itu dan simpan ICO untuk favicon klasik dan Windows.