Penghasil Favicon
Generator Favicon mengubah satu atau dua karakter atau sebuah emoji menjadi favicon dengan warna latar, warna teks, dan bentuk pilihan Anda, lalu mengekspornya sebagai file PNG berukuran 256, 128, 64, 32, dan 16 px.
Tentang alat ini
Generator Favicon mengubah satu atau dua karakter atau sebuah emoji menjadi favicon dengan warna latar, warna teks, dan bentuk pilihan Anda, lalu mengekspornya sebagai file PNG berukuran 256, 128, 64, 32, dan 16 px.
Cara menggunakan
- Ketik satu atau dua huruf, atau tempel emoji.
- Pilih warna latar dan warna teks.
- Pilih bentuk persegi, membulat, atau lingkaran.
- Unduh ukuran PNG yang Anda butuhkan.
Perlu diketahui
- Browser menampilkan favicon di tab dengan ukuran 16 × 16 px, jadi bentuk yang tebal dan sederhana paling mudah terbaca.
- Browser modern menerima favicon PNG melalui <link rel="icon" type="image/png" href="/favicon-32.png">.
- Apple touch icon biasanya berukuran 180 × 180 px; hasil ekspor 256 px bisa diubah ukurannya untuk keperluan itu.
- Hanya dua karakter pertama dari teks yang digambar.
- Gambar dibuat dengan Canvas API di perangkat Anda.
Berjalan sepenuhnya di browser Anda — apa pun yang Anda masukkan tidak diunggah atau disimpan.
Pertanyaan umum
Berapa ukuran favicon yang seharusnya?
Sediakan minimal 32 × 32 px untuk tab browser, ditambah ukuran lebih besar seperti 180 px untuk Apple touch icon serta 192 atau 512 px untuk web app manifest.
Bagaimana cara menambahkan favicon ke situs web saya?
Unggah file PNG-nya dan tambahkan <link rel="icon" type="image/png" href="/favicon-32.png"> di dalam head HTML Anda.
Bisakah saya memakai emoji sebagai favicon?
Bisa. Tempel emoji ke kolom teks dan unduh PNG-nya; emoji akan dirender dengan font emoji sistem Anda.
Apakah saya masih memerlukan file favicon.ico?
Tidak untuk browser modern, karena sudah menerima PNG. Beberapa alat dan browser lama masih mencari /favicon.ico, jadi banyak situs tetap menyimpannya demi kompatibilitas.