Untuk menggunakan alat ini dengan nyaman, buka di laptop, komputer desktop, atau tablet dalam mode lanskap.
Tips
Jika menggunakan tablet, alihkan ke mode lanskap - saat lebar jendela cukup besar, alat akan dimuat secara otomatis.
Hasilkan favicon.ico dan set lengkap ikon PNG untuk situs web Anda dari satu gambar. Semua pemrosesan terjadi secara lokal di browser.
favicon.ico
favicon-16x16.png
favicon-32x32.png
apple-touch-icon.png
android-chrome-192x192.png
android-chrome-512x512.png
Favicon adalah ikon kecil yang muncul di tab browser di samping judul halaman. Anda juga melihatnya di bookmark, riwayat penjelajahan, dan di layar beranda ponsel saat seseorang menambahkan situs sebagai pintasan.
Grafik kecil ini memiliki fungsi penting — membantu pengguna dengan cepat mengenali situs di antara banyak tab yang terbuka. Ketika seseorang memiliki belasan tab terbuka di browser, favicon sering menjadi satu-satunya elemen yang terlihat untuk mengidentifikasi situs.
Generator membuat set ikon lengkap: file favicon.ico klasik untuk browser, ikon PNG dalam berbagai ukuran, dan apple-touch-icon untuk perangkat Apple. Jika Anda membangun aplikasi web (PWA), Anda juga dapat menghasilkan ikon 192x192 dan 512x512 beserta file manifest.
Membuat favicon hanya membutuhkan beberapa detik:
Setiap ukuran memiliki kegunaannya:
favicon.ico (32×32)
Format klasik yang dikenali oleh semua browser. Ditampilkan di tab browser.
16×16 dan 32×32 PNG
Ukuran standar untuk browser modern. Ditampilkan di tab dan di bookmark.
180×180 PNG (apple-touch-icon)
Ikon untuk perangkat Apple (iPhone, iPad). Ditampilkan saat seseorang menambahkan situs ke layar beranda.
192×192 dan 512×512 PNG
Ikon untuk aplikasi web (PWA). Diperlukan oleh manifest dan digunakan di toko aplikasi.
Jika Anda tidak membangun PWA, Anda hanya memerlukan: favicon.ico, PNG 32×32, dan PNG 180×180. Tiga file ini mencakup sebagian besar kasus penggunaan.
Membuat favicon hanya beberapa langkah sederhana:
Ukuran PNG
Secara default, generator mempertahankan transparansi. Anda juga dapat memilih warna latar belakang tertentu.
File JSON untuk aplikasi web (PWA). Jika Anda tidak membangun PWA, opsi ini tidak diperlukan.
Setelah membuat ikon, Anda memiliki beberapa opsi unduhan:
Sebagian besar tema WordPress memiliki opsi bawaan untuk mengatur ikon situs. Anda akan menemukannya di panel admin:
Appearance → Customize → Site Identity → Site Icon
Unggah file 512×512 di sana — WordPress akan secara otomatis menghasilkan ukuran lebih kecil. Untuk kontrol penuh atas ikon, Anda juga dapat mengunggah file langsung ke direktori root melalui FTP.
Favicon adalah grafik yang sangat kecil — sekecil 16×16 piksel. Tidak setiap gambar cocok sebagai sumber: