Lewati ke konten
Tipamedia

Gambar & File

Generator Favicon dari Logo Anda

Unggah satu logo, lalu dapatkan semua ukuran favicon yang dibutuhkan browser, iPhone, dan Android lengkap dengan kode pemasangannya. Logo tidak dikirim ke server.

Gratis · tanpa akun · diproses di browser Anda · diperbarui

Gunakan Generator Favicon

Cara menggunakan Generator Favicon

  1. Pilih logo (PNG, JPG, WebP, atau SVG; idealnya persegi dan minimal 512×512 px).

  2. Atur penempatan logo, bantalan, sudut membulat, dan latar. Periksa pratinjau 16, 32, 48, dan 180 px.

  3. Isi nama situs dan warna tema, lalu unduh paket ZIP dan tempel kode HTML-nya di <head>.

Ukuran apa saja yang dibuat

favicon.ico memuat gambar 16, 32, dan 48 px untuk tab browser dan bookmark. apple-touch-icon.png (180 px) dipakai iPhone dan iPad saat situs ditambahkan ke layar utama; iOS tidak menerima latar transparan sehingga alat ini selalu memberinya latar. android-chrome-192x192 dan 512x512 dipakai manifest untuk Android dan PWA, ditambah satu ikon maskable 512 px dengan ruang aman agar tidak terpotong oleh bentuk ikon di tiap perangkat.

Berkas site.webmanifest dan baris <link> siap tempel ikut dibuat. Letakkan semua berkas di akar situs atau folder yang Anda isi pada kolom jalur, lalu tempel kodenya di <head>.

Tips agar ikon tetap terbaca

Ikon 16 px sangat kecil: pakai logo sederhana dengan sedikit detail, hindari tulisan panjang, dan pilih warna kontras. Gunakan mode Muat utuh dengan sedikit bantalan untuk logo berbentuk lebar, atau Isi penuh untuk logo persegi. SVG paling tajam di semua ukuran.

Browser menyimpan favicon di cache cukup lama, jadi perubahan bisa butuh muat ulang paksa. Google Search memperbarui favicon di hasil pencarian beberapa hari sampai beberapa minggu setelah halaman beranda dirayapi, dan tidak menjamin menampilkannya.

Pertanyaan tentang Generator Favicon

Ukuran favicon yang benar berapa?

Google mensyaratkan favicon persegi minimal 8×8 px dan menyarankan yang lebih besar dari 48×48 px. Tab browser memakai 16–32 px, dan iOS memakai 180×180 px. Paket ini memuat semuanya, jadi Anda tidak perlu memilih satu per satu.

Apa beda favicon.ico dan PNG?

ICO adalah format lama yang dicari otomatis browser di alamat /favicon.ico dan bisa memuat beberapa ukuran dalam satu berkas. PNG lebih modern dan ditunjuk lewat tag <link>. Memasang keduanya paling aman.

Apa itu ikon maskable?

Ikon Android/PWA yang gambar utamanya ditaruh di zona aman tengah, sehingga tetap utuh walau sistem memotongnya menjadi lingkaran, kotak membulat, atau bentuk lain.

Apakah logo saya diunggah ke server?

Tidak. Gambar diproses di browser Anda dan ZIP dibuat di perangkat sendiri.

Mengapa favicon saya belum berubah?

Browser dan mesin pencari menyimpan favicon lama di cache. Muat ulang paksa (Ctrl+Shift+R), buka di jendela penyamaran, atau tunggu; pastikan nama berkas dan jalur di <head> benar.

Tools lain yang mungkin berguna

Semua tools Gambar & File

Butuh lebih dari sekadar tools?

Kami membangun website, aplikasi, dan sistem kustom untuk bisnis Anda.

Tools ini hanya sebagian kecil dari yang bisa dikerjakan Tipamedia. Ceritakan kebutuhan Anda, kami bantu merumuskan langkah berikutnya.

Diskusikan lewat WhatsAppLihat layanan kami