FailX
Semua alat

Spesial FailX

Uang untuk Anak

Game

Utilitas

Dokumen

Gambar

Kalkulator

Teks

Pembuat Favicon

Buat favicon dari huruf, emoji, atau gambar. Dapatkan favicon.ico, ikon Apple dan Android, web manifest, dan tag HTML sekali unduh.

Bentuk

Pratinjau

Situs saya

Ditampilkan dalam ukuran asli: 16, 32, 48, dan 180 px. Pastikan masih terbaca di 16 px.

Isi ZIP: favicon.ico (16, 32, 48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest, favicon-tags.html

Tag untuk <head> HTML Anda

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Unggah file ke folder root situs (mis. https://domain-anda/favicon.ico), lalu tambahkan tag ini ke <head> setiap halaman.

Semua diproses di browser Anda. Tidak ada yang dikirim ke server kami.

Panduan

Poin penting

  • Membuat paket favicon lengkap untuk browser, iPhone, dan Android dari teks, emoji, atau gambar.
  • Unggah file ke root situs dan tempel tag HTML ke <head>.
  • Satu atau dua huruf atau simbol sederhana tetap terbaca di 16 px.

Apa itu favicon?

Ikon kecil yang tampil di tab browser, bookmark, hasil pencarian, dan layar utama ponsel. Google menampilkannya di samping nama situs Anda di hasil pencarian — tanpa favicon, yang muncul hanya ikon bola dunia biasa.

Isi paketnya

  • favicon.ico (16, 32, 48 px) — tab browser, browser lama, hasil pencarian
  • favicon-16x16.png, favicon-32x32.png — tab dan bookmark browser modern
  • apple-touch-icon.png (180 px) — “Tambahkan ke Layar Utama” di iPhone dan iPad
  • android-chrome-192x192.png, 512x512.png — layar utama Android dan aplikasi web yang bisa diinstal
  • site.webmanifest — ikon, nama, dan warna tema untuk Android

Memasangnya di situs

  1. Ekstrak lalu unggah semua file ke folder root situs Anda.
  2. Tempel tag dari favicon-tags.html ke <head> setiap halaman.
  3. Di WordPress, unggah PNG 512 px di Tampilan → Sesuaikan → Identitas Situs → Ikon Situs.
  4. Browser menyimpan favicon cukup lama — gunakan muat ulang paksa (Ctrl+F5) atau jendela pribadi untuk mengecek.

Tips favicon yang jelas

  • Di 16 px, satu atau dua huruf atau simbol sederhana paling mudah dibaca; logo lengkap cenderung buram.
  • Pakai kontras kuat, dan cek pratinjau di tab terang maupun gelap.
  • Dengan latar transparan, ikon Apple diisi warna putih karena iOS menampilkan transparansi sebagai hitam.

Pertanyaan umum

Apakah favicon.ico saja tidak cukup?

Cukup untuk tab browser, tetapi ponsel butuh ikon PNG yang lebih besar saat situs ditambahkan ke layar utama. Disarankan memakai paket lengkap.

Saya sudah mengganti favicon tapi yang lama masih muncul.

Browser menyimpan favicon cukup lama. Coba muat ulang paksa (Ctrl+F5) atau jendela pribadi. Hasil pencarian bisa butuh beberapa hari untuk berubah.

Apakah gambar saya diunggah?

Tidak. Semua ikon dibuat di browser Anda dan tidak pernah meninggalkan perangkat.