Cara mengubah PNG ke ICO
- Letakkan satu gambar di area unggah. PNG memberikan hasil terbaik, tetapi JPG, WebP, dan format gambar lainnya juga diterima.
- Pilih Ukuran ikon:
- 16, 32, 48 px (favicon) – set standar untuk
favicon.icosebuah situs web. - 16–256 px (ikon Windows) – menambahkan versi 64, 128, dan 256 px untuk shortcut desktop dan aplikasi.
- 16, 32, 48 px (favicon) – set standar untuk
- Klik Buat .ico lalu unduh file ikonnya.
Ikon dibuat di browser Anda; gambar Anda tidak pernah diunggah atau disimpan.
Apa itu file ICO?
ICO adalah format ikon yang dipakai Windows dan oleh standar favicon browser yang pertama. Berbeda dengan PNG, satu file .ico adalah sebuah wadah yang menampung beberapa gambar dengan ukuran berbeda. Sistem operasi atau browser memilih ukuran yang paling cocok untuk setiap situasi: 16 px untuk tab browser, 32 px untuk taskbar atau bookmark, 48 px untuk ikon desktop, dan hingga 256 px untuk tampilan ikon besar.
Konverter ini menyimpan setiap ukuran sebagai gambar terkompresi PNG di dalam file ICO. Ikon terkompresi PNG mempertahankan transparansi penuh dan jauh lebih kecil daripada bitmap tanpa kompresi, serta didukung oleh semua browser saat ini dan oleh Windows sejak Windows Vista.
| Ukuran | Tempat penggunaannya |
|---|---|
| 16 × 16 | Tab browser, address bar, bookmark |
| 32 × 32 | Shortcut di taskbar, tab browser di layar berkepadatan tinggi |
| 48 × 48 | Desktop Windows dan shortcut situs |
| 64–256 | Tampilan ikon besar dan layar beresolusi tinggi di Windows |
Menambahkan favicon ke situs web Anda
Unggah favicon.ico ke direktori root situs web Anda. Browser otomatis mencari /favicon.ico, tetapi sebaiknya Anda merujuknya secara eksplisit di bagian <head> halaman Anda:
<link rel="icon" href="/favicon.ico" sizes="any">Banyak situs juga menyediakan PNG berukuran 180 × 180 px sebagai apple-touch-icon untuk layar utama iPhone dan iPad. Anda bisa membuatnya dengan Ubah Ukuran Gambar.
Tips agar ikon tetap tajam
- Mulailah dengan gambar persegi berukuran minimal 256 × 256 px, idealnya 512 px. Gambar yang tidak persegi kurang pas untuk format ikon yang berbentuk persegi.
- Buat sesederhana mungkin. Pada ukuran 16 × 16 px, detail halus dan teks kecil akan hilang. Simbol yang tegas atau satu huruf adalah pilihan terbaik.
- Gunakan latar belakang transparan (PNG) agar ikon menyatu dengan tema browser terang maupun gelap.
- Punya logo vektor? Render logo itu dalam ukuran besar terlebih dahulu dengan SVG ke PNG, lalu konversikan di sini.
Pertanyaan yang sering diajukan
Ukuran ikon mana yang sebaiknya saya pilih untuk situs web?
Set 16, 32, 48 px mencakup tab browser, bookmark, dan shortcut, serta menjaga ukuran file tetap kecil. Pilih set 16–256 px untuk ikon aplikasi atau ikon desktop Windows.
Bisakah saya mengubah JPG ke ICO?
Bisa. Gambar apa pun yang bisa dibuka browser Anda dapat digunakan, tetapi JPG tidak mendukung transparansi, sehingga ikon akan memiliki latar belakang solid.
Apakah favicon PNG saja sudah cukup?
Browser modern menerima favicon PNG dan SVG, tetapi file ICO di root situs tetap menjadi cadangan yang paling kompatibel untuk browser dan alat lama yang langsung meminta /favicon.ico.
Diperbarui