Pembuat favicon online
Buat semua favicon yang dibutuhkan situs web Anda dari satu gambar.
Laporkan masalah dengan alat ini
Cara menggunakan Pembuat favicon
Tambahkan logo atau gambar Anda
Letakkan PNG, JPG, WebP, GIF, atau SVG di halaman. Gambar persegi dengan bentuk sederhana paling bagus.
Sesuaikan tampilannya
Potong jadi persegi atau muat seluruh gambar, pilih latar belakang transparan atau berwarna, tambahkan padding, dan bulatkan sudutnya. Pratinjau menampilkan setiap ukuran dan tab browser.
Unduh dan tambahkan kodenya
Unduh ZIP, unggah file ke folder root situs Anda, dan tempel baris HTML ke bagian head halaman Anda.
Mengapa menggunakan Utils365
Set lengkap
favicon.ico berisi 16, 32, dan 48 px, favicon PNG, ikon Apple touch, ikon Android, dan site.webmanifest, semuanya dengan nama yang diharapkan browser.
Lihat sebelum mengunduh
Periksa tampilan ikon pada ukuran sebenarnya dan di tab browser terang maupun gelap, agar detail kecil tidak hilang.
Privasi terjaga
Semuanya terjadi di browser Anda, sehingga logo Anda tidak pernah diunggah ke server.
Pertanyaan yang sering diajukan
Ukuran favicon apa saja yang saya butuhkan?
favicon.ico (16, 32, dan 48 px) untuk tab browser dan bookmark, ikon Apple touch 180 px untuk layar utama iPhone dan iPad, serta PNG 192 dan 512 px untuk Android dan aplikasi web yang terpasang. Alat ini membuat semuanya dari satu gambar.
ICO, PNG, atau SVG: format favicon mana yang sebaiknya dipakai?
Gunakan ketiganya. favicon.ico berfungsi di mana saja, termasuk browser lama dan alat yang mencarinya secara otomatis. Favicon PNG memberi hasil tajam pada ukuran tertentu. Favicon SVG tetap tajam di ukuran apa pun; Anda mendapatkannya jika mulai dari SVG.
Apa itu apple-touch-icon?
Ikon yang digunakan iPhone dan iPad saat seseorang menambahkan situs Anda ke layar utama. Ukurannya 180 × 180 px dan tidak bisa transparan, jadi disimpan dengan latar belakang solid (putih jika Anda memilih transparan). iOS membulatkan sudutnya sendiri.
Di mana saya menaruh file favicon?
Ekstrak ke folder root situs web Anda, di samping halaman beranda, sehingga favicon.ico ada di yoursite.com/favicon.ico. Lalu tempel baris HTML yang ditampilkan di halaman ini ke bagian head setiap halaman, atau ke template situs Anda.
Mengapa favicon baru saya tidak muncul?
Browser menyimpan favicon dalam waktu lama. Buka alamat favicon secara langsung, lakukan hard refresh, atau coba jendela pribadi untuk melihat yang baru.