ID

Favicon generator: dari gambar, teks, atau emoji

Pilih huruf, emoji, atau logo Anda, atur warna dan bentuk, lalu unduh semuanya sebagai ZIP: favicon.ico, semua ukuran PNG, site.webmanifest, dan kode HTML yang sesuai. Semuanya dibuat langsung di browser Anda.

File Anda hanya diproses di browser Anda dan tidak diunggah – file tidak pernah meninggalkan perangkat Anda.

Buat favicon dari
Satu atau dua karakter masih terbaca pada 16 × 16 px.
Nama dan lokasi (manifest)
“/” = folder utama (root) situs Anda (disarankan).

Pratinjau dan file

    HTML untuk <head>
    site.webmanifest
    Hasil
    Cara menghitung
    

    Favicon adalah ikon kecil di tab browser, di bookmark, di riwayat, dan di samping situs Anda pada hasil pencarian Google. Generator ini mengubah gambar, satu sampai tiga huruf, atau emoji menjadi semua file yang dibutuhkan situs web saat ini – lengkap dengan kode HTML-nya.
    

    Ukuran favicon dan file yang dibutuhkan
    

    
  
    FileUkuranKegunaan
    
  
    
    favicon.ico16, 32, 48 pxfavicon klasik; browser meminta /favicon.ico bahkan tanpa tag HTML
    
    
    favicon-16x16.png, favicon-32x32.png16 dan 32 pxtab browser, resolusi standar dan tinggi
    
    
    apple-touch-icon.png180 pxikon saat situs Anda ditambahkan ke layar utama iPhone atau iPad
    
    
    android-chrome-192x192.png, -512x512.png192 dan 512 pxmanifest aplikasi web: layar utama dan layar pembuka di Android/Chrome
    
    
    site.webmanifest–nama, warna, dan ikon situs Anda sebagai aplikasi web yang bisa dipasang
    
      

    

    Untuk favicon di hasil pencarian, Google mensyaratkan gambar persegi minimal 8 × 8 piksel dan menyarankan lebih besar dari 48 × 48 piksel. Chrome mengharapkan ikon 192 dan 512 piksel di manifest, dan Apple menyebut 180 × 180 piksel untuk ikon layar utama iPhone.
    

    Cara memasang favicon di situs Anda
    

      
  
    1. Unduh dan ekstrak file ZIP.
      2. 
  
    2. Unggah semua file ke folder utama (root) situs Anda, tempat halaman beranda berada.
      3. 
  
    3. Tempelkan kode HTML ke <head> setiap halaman. Di WordPress, Blogger, Wix, dan platform lain biasanya ada pengaturan “Ikon situs” atau “Favicon” sebagai gantinya.
      4. 

    

    Jika file disimpan di subfolder, isi “Folder di server” – manifest dan HTML menyesuaikan otomatis. Browser menyimpan favicon di cache cukup lama; ikon baru sering baru terlihat setelah cache dihapus atau di jendela penyamaran.
    

    Favicon yang baik itu seperti apa?
    


    Emoji sebagai favicon – perhatikan lisensinya
    

    Emoji digambar dengan font emoji yang terpasang di perangkat Anda – jadi tampilannya di iPhone berbeda dengan di Windows atau Android. Standar Unicode hanya menetapkan karakter mana yang dimaksud, bukan bentuknya. Desainnya milik pembuat font (misalnya Apple, Microsoft, Google), dan lisensinya tidak otomatis mengizinkan gambar itu dipakai sebagai logo atau favicon situs web.
    

    Untuk halaman pribadi risikonya kecil; untuk situs komersial, gunakan set emoji berlisensi terbuka dan ikuti ketentuannya:
    


    Unduh emoji yang Anda inginkan di sana sebagai PNG atau SVG, lalu pilih “Gambar / logo” di sini. Ini informasi umum, bukan nasihat hukum.
    

    Privasi
    

    Semua file dibuat di browser Anda. Gambar Anda tidak diunggah dan tidak ada yang disimpan.
    

    Contoh: huruf putih “M” di atas lingkaran biru – ZIP berisi favicon.ico, ukuran-ukuran PNG, site.webmanifest, dan kode HTML untuk <head> Anda.
    Pertanyaan umum
    Berapa ukuran favicon yang ideal?
    16 × 16 dan 32 × 32 piksel untuk tab browser, minimal 48 × 48 (persegi) untuk Google, 180 × 180 untuk perangkat Apple, serta 192 × 192 dan 512 × 512 untuk Android dan aplikasi web. Generator ini membuat semua ukuran sekaligus.
    Bagaimana cara membuat favicon dari PNG?
    Pilih “Gambar / logo”, unggah PNG Anda (idealnya persegi, 512 × 512 px atau lebih), atur pemotongan dan jarak tepi, lalu unduh ZIP. Di dalamnya sudah ada favicon.ico dan semua ukuran PNG.
    Apakah favicon.ico masih diperlukan?
    Masih layak disediakan: banyak browser, pembaca feed, dan alat meminta /favicon.ico secara langsung tanpa tag HTML. File ICO di sini berisi ukuran 16, 32, dan 48 piksel sebagai gambar PNG.
    Bagaimana cara memasang favicon di Blogger atau WordPress?
    Di WordPress buka “Tampilan → Sesuaikan → Identitas Situs → Ikon Situs” dan pilih PNG 512 px. Di Blogger unggah favicon di bagian Tata Letak. Untuk situs HTML biasa, unggah file ke folder root dan tempelkan kode HTML ke <head>.
    Bolehkah memakai emoji sebagai favicon?
    Desain emoji dari Apple, Microsoft, atau Google adalah milik perusahaan tersebut. Untuk situs komersial, gunakan set berlisensi terbuka seperti Twemoji (CC BY 4.0, dengan atribusi) atau Noto Emoji (OFL 1.1) dan unggah gambarnya di sini.
    Mengapa favicon baru saya tidak muncul?
    Browser menyimpan favicon di cache cukup lama. Buka halaman di jendela penyamaran atau hapus cache. Di hasil pencarian Google, pembaruan bisa memakan waktu beberapa hari hingga minggu.
    Apakah logo saya diunggah?
    Tidak. Semua file dibuat di browser Anda; gambar tidak pernah meninggalkan perangkat Anda.
    Sumber dan dasar hukum
    Diperbarui: 
    Alat terkait