Format .ico masih diharapkan tersedia di direktori akar situs, dan sebagian besar konverter daring meminta Anda mengunggah gambar ke server mereka. Berikut cara mendapatkan favicon.ico multiukuran yang benar dari PNG tanpa mengunggah apa pun.
.ico bukan sekadar gambar yang diganti namanya
Mengganti nama logo.png menjadi favicon.ico tidak cukup. ICO adalah format wadah dengan header tersendiri: menjelaskan jumlah gambar, dimensinya, dan posisi awal setiap gambar dalam berkas. PNG yang diganti namanya tidak memiliki header ini, sehingga peramban yang lebih ketat menolak menampilkannya.
ICO yang benar menyertakan beberapa resolusi ikon yang sama. Peramban membaca header, memilih varian terdekat dengan ukuran yang dibutuhkan, dan tidak perlu memperbesar gambar.
Ubah PNG ke ICO dalam tiga langkah
Langkah pertama, siapkan sumber. PNG persegi minimal 512×512 piksel memberikan hasil terbaik karena semua ukuran dibuat dengan memperkecilnya. Jika gambar berlatar transparan, tentukan sekarang apakah akan dipertahankan: cocok untuk tab, tetapi iOS dan Android akan menggantinya dengan warna hitam.
Langkah kedua, buat resolusinya. Berkas minimal harus berisi 16×16, 32×32, dan 48×48. Pengubahan ukuran harus menggunakan filter pengambilan sampel ulang yang berkualitas agar ukuran kecil tetap terbaca.
Langkah ketiga, kemas semuanya. Ketiga gambar dirakit ke satu wadah ICO dengan header yang menjelaskan setiap entri. Hasilnya ditempatkan di direktori akar situs dengan nama favicon.ico, tempat peramban menemukannya bahkan tanpa tag HTML.
Mengapa konversi lokal penting
Sebagian besar konverter PNG ke ICO bekerja dengan mengunggah berkas Anda ke server, yang memproses dan mengirimkan hasilnya kembali. Logo Anda, sering kali bahkan sebelum diluncurkan ke publik, tersimpan pada mesin yang tidak Anda kendalikan dengan kebijakan penyimpanan yang belum Anda baca.
Padahal peramban modern mampu melakukannya sendiri: mendekode PNG, mengubah ukuran pada canvas, mengodekan ulang setiap ukuran, dan merakit wadah ICO. Itulah yang dilakukan LFFavicon. Tidak ada permintaan yang membawa gambar Anda, dan menutup tab menghapus semuanya.
Manfaatnya terasa langsung: konversi instan, tetap bekerja luring setelah halaman dimuat, tanpa antrean dan tanpa batas harian.
.ico saja tidak lagi cukup
Konversi PNG ke ICO mencakup tab dan klien lama, tetapi menyisakan tiga konteks: peramban modern yang lebih memilih SVG tajam pada ukuran apa pun, layar utama iOS yang membutuhkan PNG tidak transparan 180×180, serta Android yang membaca manifes web.
Karena gambar sedang diproses, buat seluruh kumpulan sekaligus. Itulah yang dilakukan generator: satu sumber menghasilkan .ico, SVG, ikon Apple Touch, dan ikon manifes, dengan pratinjau setiap konteks sebelum diunduh.
Sumber primer
Pertanyaan umum
Ukuran PNG berapa yang diperlukan untuk membuat ICO?
Persegi minimal 512×512 piksel. Di bawah 128×128, ukuran besar dalam paket harus diperbesar dan hasilnya buram. SVG lebih baik lagi karena tidak memiliki batas resolusi.
Apakah transparansi dipertahankan dalam .ico?
Ya, format ICO mendukung kanal alfa penuh, sehingga PNG transparan tetap transparan di tab. Namun, perhatikan ikon iOS: sistem mengisi area transparan dengan warna hitam, jadi berikan latar belakang.
Di mana berkas favicon.ico harus diletakkan?
Di direktori akar domain, dapat diakses melalui https://yoursite.com/favicon.ico. Peramban dan perayap meminta alamat persis itu sesuai konvensi, bahkan jika tidak ada tag link yang mendeklarasikannya.