Alat

Pembuat Favicon

Ubah logo kamu atau beberapa huruf menjadi semua ikon yang dibutuhkan sebuah situs: favicon.ico multi-ukuran, ikon PNG untuk browser, iPhone, dan Android, serta site.webmanifest yang siap pakai. Semuanya dalam satu ZIP, lengkap dengan kode HTML untuk ditempel.

Gambar kamu tetap di perangkatmu. Semua proses berlangsung sepenuhnya di browser.

Cara menggunakan Pembuat Favicon

  1. Letakkan logo kamu (PNG, JPG, WebP, atau SVG), atau klik "Buat dari huruf atau emoji".
  2. Pilih cara gambar diposisikan, atau ketik hurufnya lalu pilih bentuk dan warna. Periksa hasilnya di pratinjau tab.
  3. Klik "Buat favicon", unduh ZIP-nya, unggah file ke folder utama situs kamu, lalu tempel kode HTML ke dalam <head>.

Pertanyaan yang sering diajukan

File apa saja yang ada di ZIP?

favicon.ico (16, 32, dan 48 px dalam satu file), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png, dan site.webmanifest. Ini sudah mencakup semua browser terkini, layar utama iPhone dan iPad, serta Android.

Di mana saya menaruh file-filenya?

Unggah ke folder utama situs kamu (di samping index.html) lalu tempel tag <link> yang disalin ke <head> halaman-halamanmu. Jika kamu menaruhnya di subfolder, ubah path di kode dan di site.webmanifest.

Gambar seperti apa yang paling bagus?

Logo persegi yang sederhana, berlatar transparan, dan tanpa teks kecil, karena detail halus hilang di ukuran 16 px. Untuk menghapus latar logo gunakan Hapus Background; untuk membuatnya persegi gunakan Crop Gambar. SVG memberi hasil paling tajam di semua ukuran, dan bisa kamu kecilkan dulu dengan Optimasi SVG.

Bisakah saya memakai emoji?

Bisa. Pilih "Buat dari huruf atau emoji" dan ketik hingga tiga karakter, misalnya inisial kamu atau satu emoji. Emoji digambar dengan font emoji perangkat kamu, jadi tampilannya sedikit berbeda di Windows, Mac, dan Android.

Kenapa ikon iPhone latarnya penuh?

iOS menampilkan bagian transparan ikon layar utama sebagai hitam, jadi apple-touch-icon.png selalu diberi latar persegi penuh: warna pilihan kamu untuk huruf, putih untuk gambar. Sudutnya dibulatkan sendiri oleh iOS.

Apakah gambar saya diunggah?

Tidak. Semua ikon digambar di browser kamu dan gambarmu tidak pernah keluar dari perangkat.

Alat lainnya

Cari alat