Pembuat favicon
Letakkan logo Anda sekali dan dapatkan semua ikon yang dibutuhkan situs web, lengkap dengan kode untuk ditempel di halaman Anda.
Tersegel di perangkat ini
Berjalan di browser Anda. Tidak ada yang diunggah.
Tersegel
Ikon Anda
Kode untuk halaman Anda
Letakkan file dari ZIP di root situs web Anda, lalu tempel kode ini di dalam <head> setiap halaman.
Cara kerjanya
-
Tambahkan logo Anda
Letakkan file SVG, PNG, atau JPG, pilih dari perangkat, atau tempel. Gambar persegi minimal 512 × 512 piksel menghasilkan ikon paling tajam.
-
Atur tampilannya
Tambahkan margin dalam, warna latar belakang, atau sudut membulat, lalu periksa hasilnya di tab browser dan di layar utama ponsel.
-
Unduh dan tempel kodenya
Unduh ZIP, letakkan file-filenya di root situs web Anda, lalu tempel kodenya di dalam <head> halaman Anda.
Pertanyaan umum
File apa saja yang saya dapatkan?
File favicon.ico yang berisi ikon 16, 32, dan 48 piksel, ikon PNG berukuran 16, 32, 48, 192, dan 512 piksel, apple-touch-icon.png 180 piksel untuk iPhone dan iPad, serta file site.webmanifest yang memungkinkan Android memakai ikon 192 dan 512 piksel Anda. Unduh satu per satu atau sekaligus dalam satu file ZIP.
Di mana saya meletakkan file-filenya?
Di root situs web Anda, di samping halaman beranda, agar bisa diakses di alamat seperti /favicon.ico. Lalu tempel kode yang ditampilkan di bawah pratinjau di dalam <head> setiap halaman. Browser juga mencari /favicon.ico dengan sendirinya, jadi halaman tanpa kode pun tetap menampilkan ikon Anda.
Berapa ukuran gambar yang sebaiknya saya gunakan?
Persegi dan minimal 512 × 512 piksel, sesuai ukuran ikon terbesar. SVG paling ideal: tetap tajam di semua ukuran. Gambar yang lebih kecil tetap bisa dipakai, tetapi ikon besar akan diperbesar dan tampak kurang tajam.
Mengapa ikon saya tampak buram atau terlalu kecil di tab browser?
Pada ukuran 16 piksel, detail halus dan teks tipis akan hilang. Gunakan tanda yang sederhana, seperti satu huruf atau simbol, bukan logo lengkap dengan tulisan, buat margin dalam tetap kecil, dan pilih “Potong jadi persegi” jika gambar Anda lebar.
Apakah gambar saya diunggah?
Tidak. Gambar Anda dibaca, diubah ukurannya, dan disimpan di browser Anda, di perangkat Anda. Gambar tidak pernah dikirim ke mana pun.
Mengapa Apple touch icon memiliki latar belakang?
iPhone dan iPad membulatkan sudut ikon layar utama dengan sendirinya dan menampilkan area transparan sebagai hitam. Karena itu, Apple touch icon selalu diberi latar belakang solid dan sudut persegi: warna latar belakang Anda, atau putih jika Anda memilih transparan.