Generator Favicon dari Inisial dan Emoji

Satu desain favicon harus berfungsi di berbagai tempat, mulai dari tab browser yang kecil hingga layar utama ponsel. Generator ini merender desain yang sama dalam ukuran praktis berikut dan mengemas berkasnya secara lokal di browser.

Buat favicon yang tetap jelas pada 16 px

Favicon bukanlah poster yang diperkecil. Detail halus, kata panjang, dan perbedaan warna yang samar cepat menghilang saat ditampilkan di tab browser. Satu inisial tebal, lambang dua huruf yang pendek, atau emoji sederhana biasanya lebih mudah dikenali daripada komposisi yang rumit.

• Gunakan kontras yang kuat antara warna depan dan warna latar.
• Sisakan ruang di sekitar huruf atau emoji agar tidak terlihat sesak ketika platform menerapkan maskernya.
• Bandingkan bentuk persegi, persegi bersudut bulat, dan lingkaran sebelum memilih siluet yang paling jelas.
• Periksa ikon kecil hasil ekspor, bukan hanya pratinjau 512 px. Desain yang tampak rapi dalam ukuran penuh bisa sulit dikenali pada 16 px.
• Uji favicon yang sudah dipasang di lebih dari satu browser serta pada tampilan browser terang dan gelap.

Tambahkan berkas hasil ke situs Anda

Pertahankan nama berkas yang dibuat dan letakkan berkas di lokasi yang dirujuk oleh cuplikan kode head, biasanya di direktori utama situs. Tempelkan cuplikan tersebut ke dalam <head> setiap templat halaman. Jika kerangka kerja Anda menyajikan aset statis dari direktori lain atau jaringan pengiriman konten, ubah jalur di cuplikan, manifest, dan konfigurasi browser sebelum dipublikasikan.

Berkas yang disertakan menyediakan referensi ikon, tetapi tidak otomatis membuat situs dapat dipasang sebagai aplikasi web progresif. Pemasangan mungkin memerlukan kolom manifest tambahan, hosting yang aman, dan persyaratan khusus browser.