Generator Favicon
Hasilkan satu set favicon lengkap dari sebuah gambar — favicon.ico, apple-touch-icon, ikon Android/PWA, dan cuplikan HTML-nya — sepenuhnya di browser Anda. Tidak ada yang diunggah.
Privasi yang utama: setiap gambar diproses secara lokal di browser Anda. Tidak ada yang diunggah, disimpan, atau dikirim ke server mana pun.
Setiap ikon yang dibutuhkan situs modern, sekaligus
Favicon bukan lagi satu file. Browser membaca favicon.ico kecil untuk tab dan bilah alamat, iOS meminta apple-touch-icon 180×180 untuk layar utama, dan Android serta aplikasi web yang dapat dipasang mengambil PNG 192 dan 512px dari sebuah manifest web. Generator ini membangun semuanya dari satu gambar sumber dan memberi Anda cuplikan HTML siap tempel, jadi Anda tak perlu mengekspor enam ukuran secara manual.
Dibingkai sesuai keinginan, tetap privat
Biarkan ikonnya persegi, bulatkan sudutnya, atau pangkas menjadi lingkaran; tambahkan isian agar logo tidak mepet ke tepi; dan pilih latar transparan atau solid. Pratinjau langsung menunjukkan hasilnya pada ukuran favicon sungguhan, termasuk tiruan tab browser. Karena setiap file dihasilkan di perangkat Anda, logo Anda — sering kali branding yang belum dirilis — tidak pernah dikirim ke server.
Pertanyaan umum
- Apakah gambar saya diunggah untuk membuat favicon?
- Tidak. favicon.ico, ikon PNG, dan manifest semuanya dihasilkan secara lokal di browser Anda menggunakan Canvas API. Gambar Anda tidak pernah meninggalkan perangkat.
- Ukuran dan file apa saja yang saya dapatkan?
- Sebuah favicon.ico multi-resolusi (16, 32, dan 48px), ikon PNG pada 16, 32, 48, 180 (apple-touch-icon), 192, dan 512px, sebuah site.webmanifest, serta potongan HTML untuk ditempel ke dalam <head> Anda.
- Bisakah saya mengonversi PNG atau SVG ke ICO?
- Bisa. Jatuhkan file PNG, JPG, SVG, atau WebP dan unduh favicon.ico yang sesungguhnya. Logo SVG diraster secara lokal pada resolusi tinggi terlebih dahulu.
- Gambar seperti apa yang paling cocok?
- Gambar persegi dengan logo sederhana berkontras tinggi. Gambar non-persegi dipangkas dari tengah agar pas; gunakan kontrol padding dan bentuk untuk membingkainya sesuai keinginan Anda.
- Bagaimana cara memasang favicon?
- Ekstrak paketnya ke folder root situs Anda dan tempelkan potongan HTML yang disediakan ke dalam <head> halaman Anda. favicon.ico dikenali otomatis oleh sebagian besar browser.