Favicon Generator

Buat favicon dari teks, emoji, atau gambar yang diunggah dalam semua ukuran standar — 16×16 hingga 512×512.

Cara menggunakan

  1. Ketik emoji atau huruf, atau beralih ke mode gambar dan unggah logo.
  2. Pilih warna latar belakang — putih untuk tampilan bersih, atau sesuaikan dengan merek Anda.
  3. Klik "Buat" untuk melihat keenam ukuran. Klik kanan salah satu untuk menyimpannya sebagai PNG.

Tentang alat ini

Favicon adalah ikon kecil yang muncul di tab browser, bilah bookmark, dan pintasan layar beranda. Browser dan sistem operasi modern mengharapkannya dalam beberapa ukuran: 16×16 untuk tab, 32×32 untuk bookmark, 48×48 untuk pin taskbar Windows, 180×180 untuk ikon sentuh Apple, dan 192 serta 512 untuk manifest PWA Android. Menyajikan satu file yang diperkecil browser dulunya sudah cukup; sekarang menghasilkan gambar buram di layar kepadatan tinggi, dan perangkat Apple mengabaikan favicon sepenuhnya jika ikon sentuh tidak ada.

Generator ini merender enam ukuran standar dari satu sumber — karakter teks, emoji, atau gambar yang diunggah — ke elemen canvas dengan warna latar belakang pilihan Anda. Teks diposisikan di tengah dan diskalakan untuk mengisi sekitar 70% dari kotak, yang membuatnya tetap terbaca bahkan pada 16 piksel. Jika Anda mengunggah gambar, gambar tersebut disesuaikan di dalam kotak dengan mempertahankan rasio aspeknya. Setiap canvas adalah PNG siap simpan tanpa metadata dan tanpa dependensi.

Klik kanan masing-masing dan simpan, lalu rujuk di HTML head Anda: `favicon.ico` 32×32 untuk browser lama, `` untuk browser modern, `` untuk iOS, dan manifest web app yang menunjuk ukuran 192 dan 512. Halaman ini membuat file tetapi tidak mengemasnya — langkah integrasi ada di tangan Anda, dan tergantung pada framework. Semuanya berjalan di browser Anda: tanpa pengunggahan, tanpa akun, tanpa watermark.

Pertanyaan yang sering diajukan

What sizes do I need?

16×16 (tab), 32×32 (bookmark/taskbar), 48×48 (Windows), 180×180 (ikon sentuh Apple), 192×192 dan 512×512 (manifest PWA Android). Alat ini menghasilkan keenamnya.

Bisakah saya menggunakan emoji sebagai favicon?

Ya — ketik di kolom teks. Emoji dirender dalam font sistem pada latar belakang solid, jadi tampilannya akan sedikit berbeda di setiap sistem operasi.

Why is my emoji cut off?

Beberapa emoji lebih lebar dari kotak. Generator menyesuaikan skalanya, tetapi emoji multi-orang atau bendera yang kompleks mungkin tidak terlihat baik pada 16 piksel.

Do I need an ICO file?

Hanya untuk Internet Explorer dan browser sangat lama. Browser modern menerima PNG melalui tag . Jika Anda memerlukan ICO, gunakan konverter ICO pada PNG 32×32.

Apakah ada yang keluar dari browser saya?

Tidak. Canvas dirender secara lokal dan PNG disimpan dari elemen canvas. Tidak ada yang diunggah.

Alat terkait

Tautan panjang? Perpendek secara gratis

Vai.la mengubah URL apa pun menjadi tautan pendek dengan statistik klik, QR Code, dan biolink Anda sendiri.

Vai.la tidak bertanggung jawab atas cara alat-alat ini digunakan maupun atas keputusan yang diambil berdasarkan hasilnya.