Pembuat favicon

Ubah gambar jadi set favicon PNG 16, 32, 48, 64, 180 dan 512 px, dengan sudut membulat dan padding opsional. Unduh satuan atau semua.

Pengubahan ukuran terjadi sepenuhnya di browser Anda. Gambar Anda tidak pernah meninggalkan perangkat Anda.

Letakkan gambar di sini

PNG, JPG, WebP · hingga ~20 MB

Ukuran favicon

Favicon disajikan dalam beberapa ukuran karena browser menampilkannya dalam konteks yang sangat berbeda: ikon tab 16 px dan ikon PWA 512 px sama sekali tidak mirip. Alat ini menghasilkan PNG untuk keenam ukuran umum sekaligus, agar Anda tinggal meletakkannya di situs Anda dan selesai. Berikut kegunaan tiap ukuran.

16 px
Ukuran klasik untuk tab browser dan bintang bookmark di bilah alamat. Ini adalah minimum yang sebaiknya selalu Anda sediakan; kebanyakan pengguna tidak akan pernah melihat yang lebih kecil dari ini.
32 px
Daftar bookmark, tab resolusi tinggi (retina), dan pratinjau tautan di beberapa platform. Ikon 32 px yang tajam mencegah tampilan buram ketika bilah tab diperbesar.
48 px
Bilah tab resolusi tinggi, beberapa elemen UI browser, dan ikon peluncuran cepat di Windows. Juga berfungsi sebagai ikon 24 px di layar 2x.
64 px
Pintasan aplikasi di ponsel dan layar berkepadatan tinggi. Ini adalah ukuran terbesar yang digunakan oleh sebagian besar implementasi favicon «klasik».
180 px
Ukuran ikon touch Apple (apple-touch-icon): yang ditempatkan iOS dan iPadOS di layar beranda ketika pengguna menambahkan situs Anda ke layar beranda.
512 px
Ikon manifest PWA (aplikasi web progresif) dan prompt instalasi resolusi tinggi. Bisa juga digunakan sebagai ikon instalasi besar di Android.

Pertanyaan yang sering diajukan

Apa itu favicon dan mengapa Anda butuh beberapa ukuran?

Favicon adalah ikon kecil yang ditampilkan di tab browser, bookmark, dan bilah alamat. Browser menggunakan ukuran berbeda di tempat yang berbeda: 16 px di tab, 32 px di bookmark, 180 px untuk ikon touch Apple di iOS, dan 512 px untuk manifest PWA. Menyediakan satu gambar per ukuran membuat ikon tetap tajam di mana-mana, bukan stretched atau buram.

Bagaimana generator mengubah ukuran gambar Anda?

API Canvas browser melakukan resampling piksel asli dengan smoothing bilinear berkualitas tinggi, menskalakan agar muat di kotak target sambil mempertahankan rasio aspek. Hasilnya dipusatkan di canvas, dan padding opsional menyisakan ruang transparan di sekelilingnya.

Apa fungsi sudut melengkung?

Ketika diaktifkan, setiap favicon dipotong menjadi kotak bersudut membulat (radius = 22% dari panjang sisi), bentuk yang diterapkan oleh kebanyakan platform seluler ke ikon aplikasi secara otomatis. Sudutnya menjadi area PNG transparan, sehingga efeknya bekerja di latar apa pun.

Mengapa hasilnya PNG, bukan ICO?

PNG didukung secara universal: browser modern membaca elemen link dengan rel="icon" dan type="image/png" untuk ukuran apa pun, dan PNG 512 px juga berperan sebagai ikon manifest PWA. File ICO adalah format lama; jika Anda benar-benar membutuhkannya, beberapa konverter gratis dapat mengelompokkan PNG yang dihasilkan alat ini menjadi satu .ico.

Tipe dan ukuran file apa saja yang diterima?

PNG, JPG, dan WebP hingga 20 MB. Transparansi dipertahankan untuk input PNG dan WebP; JPEG tidak memiliki channel alpha, sehingga area transparan tidak bertahan. Semuanya berjalan lokal di browser Anda — gambar Anda tidak pernah diunggah.

Untuk melengkapi aset merek Anda, ekspor semua ukuran ikon dengan Pembuat Ikon Aplikasi, ubah berkas vektor menjadi gambar lewat Konverter SVG ke PNG, atau ubah gambar bitmap kembali menjadi vektor dengan Konverter Gambar ke SVG.