Konversi gambar menjadi ikon dan favicon
Pilih satu gambar dan kami akan membuat satu set ikon lengkap darinya: favicon.ico berisi enam ukuran, ditambah ikon PNG untuk setiap ukuran yang diminta browser dan sistem operasi.
Cara menggunakannya
- 1
Pilih gambar — sebaiknya PNG persegi dengan latar transparan.
- 2
Pilih mode penyesuaian dan ukuran yang diinginkan.
- 3
Periksa setiap ukuran sebelum mengunduh.
- 4
Unduh favicon.ico saja, atau paket lengkap dengan ikon PNG dan manifest.
Kenapa satu gambar saja tidak cukup
Browser meminta 16 dan 32 piksel untuk tab, iOS meminta 180 untuk layar utama, dan Android meminta 192 dan 512 untuk manifest. Memberikan satu gambar besar membuat setiap perangkat mengecilkannya sendiri, yang terlihat buram pada ukuran kecil — karena itu kami membuat setiap ukuran secara terpisah dengan penghalusan berkualitas tinggi.
Apa itu file ICO
Satu file yang berisi beberapa gambar dalam ukuran berbeda, dari mana sistem memilih yang sesuai untuk setiap tempat. Kami memasukkan 16, 32, 48, 64, 128, dan 256 piksel di dalamnya, cakupan yang dibutuhkan browser dan Windows sekaligus.
Gambar utuh atau isi dan potong?
Ikon berbentuk persegi dan gambar Anda biasanya tidak. «Gambar utuh» mempertahankannya secara penuh dan menambahkan margin transparan, cocok untuk logo. «Isi dan potong» mengisi seluruh persegi dengan memotong tepinya, cocok untuk fotografi.
Pertanyaan umum
- Apa bedanya favicon.ico dengan ikon PNG?
- ICO menggabungkan beberapa ukuran dan dipahami oleh semua browser, bahkan yang lama. PNG terpisah adalah yang dibutuhkan oleh iOS, Android, dan manifest web. Paket lengkap memberi Anda keduanya.
- Di mana saya meletakkan filenya?
- Di root situs Anda, lalu tambahkan tag tautan yang ditampilkan di bawah alat ini ke dalam head halaman-halaman Anda.
- Gambar sumber seperti apa yang baik?
- Gambar persegi dengan latar transparan, 512 piksel atau lebih besar. Logo sederhana terbaca jauh lebih baik pada 16 piksel dibanding gambar yang penuh detail.
- Apakah transparansi dipertahankan?
- Ya. Semua ukuran dibuat dalam PNG, baik di dalam maupun di luar ICO, dan PNG mendukung transparansi sepenuhnya.
- Apakah SVG didukung?
- Ya, dan itu sumber terbaik yang mungkin: digambar tepat pada ukuran setiap ikon, sehingga hasilnya sangat tajam.
- Berapa ukuran ikon iOS?
- 180 piksel, untuk tag apple-touch-icon. Sudah tercentang secara default dalam daftar ukuran.
- Apakah gambar saya diunggah ke server?
- Tidak. Semuanya dibuat di browser Anda, dan file ICO itu sendiri dirakit byte demi byte di halaman.
- Apa itu site.webmanifest?
- File yang memberi tahu Android ikon mana yang digunakan saat seseorang menambahkan situs Anda ke layar utama. Kami membuatnya siap pakai di dalam paket.