Bahasa IndonesiaID

Favicon Generator – Buat favicon.ico dari Gambar atau Teks

Tambahkan teks atau gambar dan dapatkan semua file favicon yang dibutuhkan situs Anda, dalam ukuran yang tepat.

Teks dan file Anda tetap di browser — tidak ada yang dikirim ke server.

apple-touch-icon (180 px) selalu berupa persegi penuh, karena iOS membulatkan sudutnya sendiri.

Pratinjau
16×16
32×32
48×48
180×180
192×192
512×512
File
    Tag HTML (di dalam <head>)
    site.webmanifest

    Cara pakai

    1. Pilih "Dari teks atau emoji" untuk memakai satu atau dua huruf atau emoji, atau "Dari gambar" untuk memakai logo Anda.
    2. Atur warna latar, bentuk (persegi, sudut membulat, atau lingkaran), ukuran teks, dan jarak dalam; pratinjau ikut berubah seketika.
    3. "Unduh semua (ZIP)" memberi Anda favicon.ico, enam PNG, site.webmanifest, dan satu file berisi tag. Setiap file juga bisa diunduh terpisah.
    4. Letakkan file-file itu di folder utama (root) situs Anda dan tempel tag HTML ke dalam <head>.

    Pertanyaan umum

    Ukuran apa saja yang ada di favicon.ico?

    Isinya tiga gambar – 16, 32, dan 48 px – dalam format PNG. Browser modern dan Windows bisa membaca gambar PNG di dalam file ICO secara langsung.

    Bolehkah nama file-nya diganti?

    Boleh, tetapi ubah juga path-nya di tag HTML dan di site.webmanifest. Cara paling mudah adalah tetap memakai nama yang disarankan.

    Kenapa emoji terlihat berbeda di tiap perangkat?

    Emoji digambar dengan font yang terpasang di perangkat Anda, jadi tampilannya berbeda antara Windows, macOS, dan Android. Setelah diunduh, PNG-nya berupa gambar dan tampil sama di mana pun.

    Favicon baru saya tidak muncul di browser.

    Browser menyimpan favicon dalam cache cukup lama. Muat ulang halaman tanpa cache (Ctrl + F5) atau tambahkan ?v=2 di akhir path pada tag Anda.

    Alat serupa

    Gambar placeholderGambar dummy ukuran bebasResize gambarDalam piksel atau persenKonverter gambarUbah JPG, PNG, dan WebPBackground transparanJadikan satu warna transparan

    Semua alat