Cara mengubah PNG ke ICO
- Pilih PNG berbentuk persegi – idealnya 256 × 256 piksel atau lebih besar – atau seret ke halaman ini.
- Centang ukuran ikon yang Anda perlukan; 16, 32, 48, dan 256 sudah dipilih secara default.
- Unduh file ICO. Gambar yang tidak persegi akan diletakkan di tengah dengan latar belakang transparan.
Ukuran ikon mana yang Anda perlukan?
| Ukuran | Digunakan untuk |
|---|---|
| 16 × 16 | Tab browser, bookmark, dan tampilan daftar kecil |
| 32 × 32 | Tab di layar beresolusi tinggi, bilah tugas Windows |
| 48 × 48 | Penjelajah File dan desktop pada skala normal |
| 64 × 64 dan 128 × 128 | Tampilan ikon besar dan layar high-DPI |
| 256 × 256 | Ikon ekstra besar di Penjelajah File |
Untuk favicon website, ukuran 16, 32, dan 48 sudah cukup. Untuk ikon program atau pintasan di Windows, sertakan 256. Setiap ukuran disimpan sebagai PNG di dalam file ICO – didukung oleh semua browser serta Windows Vista dan yang lebih baru – sehingga transparansi tetap terjaga.
Cara memasang favicon di website Anda
Unggah favicon.ico ke direktori root website Anda, mis. https://example.com/favicon.ico – browser akan mencarinya di sana secara otomatis. Anda juga bisa merujuknya di <head> halaman Anda:
<link rel="icon" href="/favicon.ico" sizes="any">- Untuk Layar Utama iPhone dan iPad, PNG 180 × 180:
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> - Untuk Android dan aplikasi web yang dapat diinstal, PNG 192 × 192 dan 512 × 512 yang dicantumkan di web app manifest Anda.
Pertanyaan yang sering diajukan
Apa itu file ICO?
File ICO berisi beberapa ukuran dari ikon yang sama, sehingga Windows dan browser dapat memilih yang paling tajam untuk setiap tempat – tab, bilah tugas, atau ikon besar di desktop.
Apakah ICO mempertahankan transparansi?
Ya. Setiap ukuran disimpan sebagai gambar PNG dengan transparansi penuh.
Bisakah saya mengubah JPG atau SVG ke ICO?
Bisa – seret gambar apa pun. Untuk ikon SVG yang kecil, gunakan konverter gambar dan atur Lebar untuk file SVG yang lebih besar, agar ukuran 256 piksel tetap tajam.
Apakah file saya diunggah?
Tidak. Ikon dibuat di browser Anda dan tidak pernah meninggalkan perangkat.