Skip to content
Zoyku

Generator Favicon

Ubah logo atau gambar apa pun menjadi set favicon lengkap — PNG 16 hingga 512 px dengan sudut membulat opsional, plus HTML siap tempel. Berjalan di browser Anda.

Letakkan satu file di sini atau klik untuk memilih

Alat ini berjalan sepenuhnya di browser Anda. Data Anda tidak pernah meninggalkan perangkat — tidak diunggah ke server mana pun.

Cara pakai

  1. 1Masukkan satu gambar — logo persegi paling ideal.
  2. 2Pilih warna latar padding dan gaya sudut (kotak, membulat, atau lingkaran).
  3. 3Buat setnya, lalu unduh ukuran individual atau seluruh .zip-nya.
  4. 4Tempel potongan HTML ke <head> halaman Anda dan unggah PNG-nya.

Generator Favicon

Masukkan satu gambar mendekati persegi dan dapatkan enam ukuran PNG yang benar-benar dibutuhkan proyek: favicon 16, 32, dan 48 px, apple-touch-icon 180 px, serta ikon 192 / 512 px untuk manifest Android dan PWA. Gambar non-persegi dipusatkan di canvas persegi yang dilapisi warna latar pilihan Anda, dan sudutnya bisa tetap kotak, membulat, atau menjadi lingkaran penuh.

Setiap ukuran dirender pada dimensi piksel aslinya dan bisa diunduh sendiri-sendiri atau sebagai satu .zip, bersama potongan <head> siap tempel yang merujuk nama file yang sama — jadi file-filenya langsung jatuh ke folder publik proyek Anda.

Pertanyaan yang sering diajukan

Ukuran favicon mana yang benar-benar saya butuhkan?

16 dan 32 px menutup tab browser, 48 px membantu pintasan dan bookmark, 180 px adalah yang diminta layar utama iOS, dan 192 / 512 px adalah ukuran yang dicari manifest Android dan aplikasi web. Membuat keenamnya sekali berarti Anda tidak perlu memikirkannya lagi.

Kenapa logo saya terlihat buram pada 16 px?

Ikon tab 16 px hanya punya 256 piksel total, jadi detail halus dan goresan tipis sungguhan hilang. Set favicon paling bagus dibuat dari lambang yang tebal dan kontras tinggi — jika logo Anda detail, pertimbangkan menggambar varian kecil yang disederhanakan sebagai gambar sumber.

Apakah saya masih butuh file .ico?

Browser modern dengan senang hati memakai favicon PNG lewat tag <link>, dan potongan yang alat ini hasilkan adalah semua yang mereka butuhkan. .ico warisan hanya penting untuk browser yang sangat tua, yang cukup langka untuk diabaikan di kebanyakan situs.

Sematkan alat ini

Tambahkan alat ini ke situs Anda dengan satu baris — berjalan di browser pengunjung.

<iframe src="https://zoyku.com/id/tools/favicon-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — favicon-generator" loading="lazy"></iframe>
100% local processing