Format ICO — Ikon Windows dan Favicon
Struktur dan header format ICO yang menyimpan banyak ukuran gambar dalam satu file, ukuran yang disarankan Windows (16·32·48·256px) dan ikon berkompresi PNG, alasan ICO masih dipakai untuk favicon, serta hal yang perlu diperhatikan saat membuat ICO dari PNG.
ICO adalah format untuk menyimpan ikon program, file, dan pintasan di Windows. Tipe media resmi yang terdaftar di IANA adalah image/vnd.microsoft.icon, tetapi dalam praktiknya image/x-icon lebih luas dipakai (MDN). Perbedaan terbesarnya dari format gambar biasa adalah satu file memuat beberapa ukuran gambar sekaligus. Windows memilih ukuran yang paling pas sesuai situasi, seperti taskbar, daftar File Explorer, atau tampilan ikon besar.
Struktur
File ICO diawali header singkat dan “daftar gambar (direktori)”. Setiap entri daftar mencatat lebar·tinggi, jumlah warna, dan posisi data, lalu gambar-gambar sebenarnya menyusul. Setiap gambar disimpan dengan salah satu dari dua cara berikut.
- Format BMP (DIB): cara tradisional. Data warna disimpan bersama AND mask 1 bit (transparan atau tidak), dan gambar 32 bit menampilkan transparansi halus melalui kanal alfa. Dimasukkan tanpa file header (
BM). - Format PNG: didukung sejak Windows Vista. Ikon besar bisa dimuat dengan ukuran file kecil.
Melihat isi header
Enam byte pertama file ICO adalah nilai cadangan (0), jenis (1 = ikon, 2 = kursor), dan jumlah gambar di dalamnya. Setelah itu, setiap gambar punya entri 16 byte yang mencatat lebar·tinggi, jumlah warna, serta ukuran dan posisi data. Kolom lebar·tinggi hanya 1 byte sehingga maksimal 255, maka ada aturan 256 piksel ditulis sebagai 0. File kursor (.cur) yang memakai struktur sama menyimpan koordinat titik klik (hotspot) di tempat kolom bidang warna dan jumlah bit.
Ukuran yang disarankan Windows
Pedoman desain ikon Microsoft menyarankan agar ikon aplikasi memuat semua ukuran 16×16, 32×32, 48×48, 256×256. Ikon 256×256 ditambahkan di Vista, dan ukuran besar ini lazim disimpan dengan kompresi PNG. Untuk ukuran kecil, hasilnya lebih tajam bila dirapikan terpisah dengan garis lebih tebal dan detail lebih sedikit, alih-alih sekadar mengecilkan gambar besar.
Windows memilih ukuran terdekat di dalam file sesuai skala layar (pengaturan DPI) dan mode tampilan File Explorer, lalu membuat ukuran yang tidak ada dengan memperbesar atau memperkecil. Karena itu, jika semua ukuran yang sering dipakai disertakan, ikon tidak tampak buram di layar mana pun. Banyak tempat juga menampilkannya pada 16×16, seperti favicon di tab browser, jadi ukuran terkecil sangat penting.
Favicon dan ICO
Favicon situs web sejak lama disediakan sebagai /favicon.ico di root situs, dan semua browser utama mendukungnya. Kini cara yang disarankan adalah menetapkan favicon PNG·SVG melalui <link rel="icon"> (MDN), tetapi ada program yang langsung meminta /favicon.ico tanpa tag link, sehingga banyak situs tetap menyertakan ICO.
Google Search Central mensyaratkan favicon yang tampil di hasil penelusuran berbentuk persegi (1:1) dan minimal 8×8 piksel, serta menyarankan ukuran lebih besar dari 48×48 piksel agar terlihat baik di berbagai layar. Format yang didukung yang disebutkan antara lain ICO, PNG, GIF, JPEG, dan BMP.
Hal yang perlu diperhatikan saat konversi
- Gunakan gambar asli berbentuk persegi. Gambar persegi panjang akan tertarik atau muncul ruang kosong. Bila perlu, potong dulu menjadi 1:1 dengan pangkas.
- Memakai PNG berlatar transparan sebagai sumber membuat sudut ikon tampak alami. Sumber JPG akan menyisakan latar kotak putih.
- Pada ukuran sangat kecil seperti 16×16 teks tidak terbaca, jadi sebaiknya sisakan bentuk inti logo saja.
- Mengonversi PNG ke ICO memungkinkan beberapa ukuran dimuat dalam satu file.
- File Explorer Windows menyimpan cache ikon, jadi jika bentuk lama masih muncul setelah ikon diganti, tunggu hingga cache diperbarui atau ubah nama file untuk memeriksanya.
Coba sekarang