Cara membuat favicon dari gambar

Diperbarui

Favicon adalah ikon kecil di tab browser yang disimpan sebagai file .ico. Untuk membuatnya, mulai dari gambar persegi lalu ubah: buka Konverter PNG ke ICO dari EditItAll, masukkan logo Anda, lalu unduh file .ico tersebut. Prosesnya berjalan di browser Anda sehingga gambar tidak pernah diunggah.

Lakukan sekarang — gratis, di browser Anda

Open the PNG → ICO converter

Apa itu favicon, dan format yang Anda butuhkan

Favicon adalah gambar kecil yang ditampilkan browser di tab, bookmark, dan riwayat di samping nama situs Anda. Format tradisionalnya adalah ICO, file ikon kecil yang dikenali sebagian besar browser tanpa pengaturan tambahan.

Dua hal yang membuat favicon bagus: bentuknya harus kurang lebih persegi, dan tetap terbaca jelas saat diperkecil hingga seukuran kuku jari. Itulah sebabnya favicon biasanya berupa satu huruf tebal, sebuah lambang logo, atau bentuk sederhana, bukan foto yang detail.

Mengubah gambar Anda menjadi .ico

Jika Anda sudah punya logo persegi, mengubahnya hanya perlu satu langkah:

  • Buka konverter PNG ke ICO dan masukkan gambar Anda.
  • Biarkan prosesnya selesai, lalu unduh file .ico.
  • Tambahkan ke situs Anda sebagai favicon.ico, atau rujuk dari HTML Anda.

Mulai dari format lain? Gunakan konverter JPG ke ICO untuk foto atau logo datar, atau SVG ke ICO jika lambang Anda berupa vektor: sumber vektor paling ideal karena digambar dengan bersih pada ukuran berapa pun yang dibutuhkan ikon. Setiap konversi berjalan di browser Anda, jadi gambar tidak pernah diunggah.

Siapkan dulu sumber persegi yang bersih

Ikon hanya akan sejernih bahan yang Anda masukkan. Jika gambar Anda tidak persegi, potong dulu menjadi persegi di editor foto agar konverter tidak perlu menebak: pusatkan bagian yang penting dan buang sisanya. Sederhanakan gambar yang ramai menjadi satu bentuk atau huruf yang kuat, karena detail halus akan menjadi buram pada ukuran favicon.

Jika logo Anda berupa karya vektor, pertahankan sebagai SVG selama mungkin dan ubah ke ICO paling akhir: vektor tetap tajam karena dirender pada ukuran piksel yang tepat, bukan diregangkan dari bitmap kecil. Untuk latar belakang terkait tentang merasterisasi vektor dengan bersih, lihat mengonversi SVG ke PNG tanpa kehilangan kualitas.

Siap mencoba?

Gratis, tanpa daftar, dan apa pun yang Anda buka tidak pernah meninggalkan perangkat Anda.

Pertanyaan umum

Berapa ukuran favicon yang seharusnya?+

Favicon berukuran kecil dan persegi: ikon ringkas yang ditampilkan browser di tab. Mulai dari gambar sumber persegi, dan konverter akan menghasilkan file .ico yang bisa langsung Anda pasang di situs Anda.

Bisakah saya membuat favicon dari foto?+

Bisa, meskipun foto jarang terlihat bagus pada ukuran tab. Potong menjadi persegi dan pilih gambar dengan satu subjek yang jelas; logo atau huruf sederhana hampir selalu terlihat lebih tajam daripada foto yang detail.

Apakah saya perlu format .ico?+

ICO adalah format favicon yang paling banyak dikenali dan berfungsi tanpa konfigurasi tambahan. Mengubah gambar Anda menjadi .ico adalah pilihan default paling aman untuk dukungan browser yang luas.

Apakah gambar saya diunggah untuk membuat favicon?+

Tidak. Konverter berjalan sepenuhnya di browser Anda, sehingga logo atau foto Anda tidak pernah meninggalkan perangkat Anda: Anda bahkan bisa bekerja secara offline setelah halaman dimuat.

Mengapa favicon saya terlihat buram?+

Buram biasanya berarti sumbernya kecil atau terlalu detail. Mulai dari gambar yang lebih besar, persegi, dan berkontras tinggi, atau vektor, agar cukup jelas untuk tetap bagus saat diperkecil ke ukuran ikon.

Panduan terkait

Panduan lain tentang Mengonversi format gambar →