Pembuat Favicon

Buat semua ikon yang dibutuhkan website dari satu gambar: favicon di tab browser, ikon di layar utama iPhone dan Android, dan manifest yang menghubungkannya. Unduh sebagai satu ZIP lalu tempel beberapa baris HTML.

Diproses di perangkat Anda — gambar tidak pernah diunggah.

Letakkan gambar di sini Pilih gambar dari perangkat Anda

atau

Menerima JPG, PNG, atau WebP. Ukuran file maksimum: 25 MB. Gambar yang sangat besar bisa lambat di ponsel lama.

Anda juga bisa menempelkan gambar dari clipboard.

Cara membuat favicon

  1. Pilih logo atau gambar persegi (PNG dengan latar transparan hasilnya paling bagus), seret ke sini, atau tempel.
  2. Pilih apakah gambar memenuhi kotak atau ditampilkan utuh, tambahkan jarak tepi jika terasa sempit, lalu pilih latarnya.
  3. Pilih “Buat favicon” dan periksa ikonnya, termasuk versi 16 × 16 di pratinjau tab.
  4. Unduh ZIP-nya, letakkan file di folder utama situs, lalu tempel tag HTML ke bagian head halaman Anda.

Fungsi setiap file

File favicon dan penggunaannya
FileUkuranDipakai oleh
favicon.ico 16, 32, 48 pxSemua browser, bookmark, mesin pencari, software lama
favicon-32x32.png, favicon-16x16.png 32 dan 16 pxTab browser modern
apple-touch-icon.png 180 pxLayar utama iPhone dan iPad
icon-192.png, icon-512.png 192 dan 512 pxLayar utama Android dan web app yang diinstal
site.webmanifest —Memberi tahu ponsel ikon dan warna yang dipakai

Butuh gambar persegi dulu? Potong dengan Crop Gambar memakai rasio 1:1.

Set ikon lengkap

  • Semua ukuran yang penting

    favicon.ico berisi 16, 32, dan 48 px, favicon PNG, Apple touch icon 180 px, ikon 192 dan 512 px untuk Android, serta site.webmanifest.

  • Tetap tajam di 16 piksel

    Ikon diperkecil bertahap dari master 512 px, sehingga ukuran kecil tetap tajam, bukan bergerigi.

  • Siap ditempel

    Tag HTML ditampilkan di halaman dengan tombol salin dan ikut disertakan di ZIP, jadi Anda tidak perlu mencari kode yang benar.

Diproses di perangkat Anda — gambar tidak pernah diunggah.

Logo Anda tetap di perangkat

Ikon, file ICO, dan ZIP semuanya dibuat oleh browser Anda sendiri. Gambar Anda tidak pernah diunggah ke server kami.

FAQ favicon

Apa itu favicon?

Ikon kecil yang tampil di tab browser, di bookmark, dan di hasil pencarian di samping situs Anda. Ponsel juga memakai versi yang lebih besar saat seseorang menambahkan situs Anda ke layar utama.

File apa saja yang saya dapatkan?

favicon.ico (16, 32, dan 48 px dalam satu file), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), icon-192.png, icon-512.png, site.webmanifest, dan favicon-html.txt berisi tag untuk halaman Anda.

Di mana saya menaruh file-filenya?

Di folder utama website, di samping halaman beranda (misalnya public_html di shared hosting). Lalu tambahkan tag HTML ke bagian head setiap halaman, atau ke template situs Anda.

Gambar seperti apa yang paling cocok?

Logo atau simbol persegi yang sederhana, minimal 512 × 512 px, idealnya PNG dengan latar transparan. Teks kecil dan garis tipis hilang di ukuran 16 px, jadi tanda yang tebal atau satu huruf biasanya lebih bagus daripada logo lengkap.

Kenapa Apple touch icon memiliki latar?

iPhone dan iPad menampilkan area transparan pada ikon ini sebagai hitam, jadi ikon ini selalu disimpan dengan latar solid: warna pilihan Anda, atau putih jika latarnya transparan.

Favicon baru saya tidak muncul. Apa yang harus dilakukan?

Browser menyimpan favicon di cache cukup lama. Muat ulang halaman dengan hard refresh, buka di jendela privat, atau pastikan /favicon.ico bisa dibuka langsung di situs Anda.

Apakah gambar saya diunggah?

Tidak. Semuanya, termasuk file ZIP, dibuat di browser pada perangkat Anda.