Pembuat Favicon — favicon.ico, set ikon aplikasi

Membuat ikon untuk tab browser, layar beranda ponsel, dan hasil pencarian dalam semua ukuran, diunduh sebagai satu file ZIP.

File tidak dikirim ke server — diproses hanya di dalam browser perangkat ini

Teks atau emoji (1–2 karakter) Warna teks

Ketebalan

Bentuk

Isi Latar Warna latar

Margin dalam 12%

Informasi aplikasi (site.webmanifest)

Nama situs Nama singkat (di bawah ikon layar beranda, maksimal 12 karakter) Warna tema (warna bilah alamat seluler)

Situs saya

Tab baru

180 · iPhone

192 · Android

512

HTML untuk ditempelkan di dalam <head>

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<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">
<meta name="theme-color" content="#3182f6">

Berlaku jika file dalam ZIP diunggah ke path root (/) situs. Kode yang sama juga terdapat di head.html.

Cara menggunakan Buat Favicon

1Unggah gambar atau tentukan teks/emoji dan warna.
2Periksa tampilan di setiap ukuran melalui pratinjau.
3Tekan [Unduh ZIP], lalu tempelkan kode HTML yang diberikan ke dalam <head>.

Pertanyaan yang Sering Diajukan

Gambar asli seperti apa yang baik digunakan?

PNG atau SVG persegi berukuran 512×512 atau lebih adalah yang terbaik. Bentuk yang sederhana akan lebih terlihat jelas pada ukuran kecil.

Bukankah cukup dengan satu favicon.ico?

Cukup untuk browser lama, tetapi untuk layar beranda iPhone (180px) dan Android (192, 512px) diperlukan PNG terpisah.