Generator Favicon
Buat favicon dari gambar atau teks/emoji. Buat berbagai ukuran (16x16 hingga 256x256) dan unduh sebagai PNG atau ZIP. Alat online gratis dengan hasil instan.
Apa itu favicon?
Favicon adalah ikon kecil yang ditampilkan di tab browser, bookmark, dan riwayat. Ini membantu pengguna mengidentifikasi situs web Anda secara visual dan membangun pengenalan merek.
Ukuran apa yang saya butuhkan?
Ukuran umum adalah 16x16 (tab browser), 32x32 (taskbar Windows), 48x48 (situs Windows), 180x180 (ikon sentuh Apple), dan 256x256 (layar resolusi tinggi). Alat ini menghasilkan semua ukuran umum.
Bagaimana cara menambahkan favicon ke situs web saya?
Tambahkan <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> ke bagian <head> HTML Anda untuk setiap ukuran. Untuk perangkat Apple, tambahkan <link rel="apple-touch-icon" href="/apple-touch-icon.png">.
Format gambar apa yang didukung?
PNG adalah format yang paling luas didukung untuk favicon. Alat ini menghasilkan file PNG. Browser modern juga mendukung favicon SVG, tetapi PNG memiliki kompatibilitas yang lebih baik di semua browser dan perangkat.
Bisakah saya membuat favicon dari teks atau emoji?
Ya, Anda dapat membuat favicon dari teks, huruf, atau emoji. Cukup ketik teks atau emoji Anda, sesuaikan font, warna, dan latar belakang, lalu hasilkan favicon.
Apa perbedaan antara favicon.ico dan favicon.png?
Favicon.ico adalah format lama yang dapat berisi beberapa ukuran dalam satu file. Favicon.png adalah format modern dengan kualitas lebih baik dan dukungan transparansi. Sebagian besar situs web modern menggunakan format PNG.
Apakah saya memerlukan favicon untuk situs web saya?
Ya, favicon sangat penting untuk pengenalan merek dan pengalaman pengguna. Mereka muncul di tab browser, bookmark, dan hasil pencarian, membantu pengguna mengidentifikasi situs Anda dengan cepat.
Bisakah saya menggunakan latar belakang transparan untuk favicon saya?
Ya, format PNG mendukung transparansi. Anda dapat membuat favicon dengan latar belakang transparan, yang berfungsi baik pada tema browser terang dan gelap.
Apa itu ikon sentuh Apple?
Ikon sentuh Apple adalah ikon yang lebih besar (180x180) yang digunakan ketika pengguna menambahkan situs web Anda ke layar beranda iOS mereka. Ini memberikan pengalaman visual yang lebih baik daripada screenshot default.
Bagaimana cara membuat favicon untuk Progressive Web App (PWA)?
Untuk PWA, Anda memerlukan beberapa ukuran ikon yang direferensikan di file manifest.json Anda. Sertakan ikon 192x192 dan 512x512, plus ikon yang dapat dimasker untuk ikon adaptif Android.
Bisakah saya mengunggah gambar saya sendiri?
Ya, Anda dapat mengunggah gambar PNG, JPG, atau SVG. Alat ini akan secara otomatis mengubah ukuran dan mengoptimalkannya untuk semua ukuran favicon.
Apakah alat ini gratis?
Ya, generator favicon ini sepenuhnya gratis. Tidak perlu pendaftaran, tanpa watermark, dan penggunaan tidak terbatas.
Apa yang membuat favicon yang baik?
Favicon yang baik sederhana, dapat dikenali dalam ukuran kecil, menggunakan warna yang kontras, dan mewakili merek Anda. Hindari detail kompleks yang menjadi tidak jelas saat diperkecil menjadi 16x16 piksel.
Bagaimana cara menguji favicon saya?
Setelah menambahkan favicon ke situs web Anda, bersihkan cache browser dan muat ulang halaman. Favicon seharusnya muncul di tab browser. Anda juga dapat memeriksa bookmark dan riwayat untuk melihat ikon.