Generator Favicon

Satu logo masuk, keluar berkas favicon yang memang Anda perlukan — bukan dua puluh berkas yang harus Anda pilah sendiri. Semuanya dibuat di browser Anda.

Klik untuk memilih file atau seret dan lepas di sini

SVG, PNG, JPG, atau WebP — SVG memberi hasil paling baik

Bisa juga ditempel dengan Ctrl+V

  • Tidak ada yang diunggah
  • Berkas yang perlu saja, bukan dua puluh
  • Gratis, tanpa akun
Cara kerjanya

Cara Membuat Favicon dalam 3 Langkah

Pertanyaan yang sebenarnya bukan "bagaimana membuat favicon", melainkan "berkas mana yang sebenarnya saya perlukan". Halaman ini menjawab yang kedua lebih dulu.

  1. Masukkan logo Anda

    Seret ke kotak di atas, klik untuk memilih, atau tempel dengan Ctrl+V. SVG memberi hasil paling tajam, tetapi PNG, JPG, dan WebP juga diterima.

  2. Periksa di ukuran sebenarnya

    Pratinjau menampilkan logo Anda di tab browser 16 piksel, di layar utama iOS, dan pada piksel aslinya. Di sinilah Anda tahu logo itu masih terbaca atau tidak — sebelum dipasang, bukan sesudah.

  3. Buat dan unduh

    Anda mendapat satu zip berisi favicon.ico, beberapa PNG, site.webmanifest, README, dan potongan HTML yang tinggal ditempel ke dalam <head>.

Berkas yang Anda Dapat, dan Untuk Siapa

Setiap berkas di dalam zip punya alasan keberadaannya, dan alasan itu tertulis di sebelahnya di panel atas. Ringkasnya:

BerkasUntuk siapa
favicon.icoPDF, browser lama, dan perayap yang tidak membaca tag link
favicon.svgBrowser modern, tajam di ukuran berapa pun
favicon-96.pngHasil pencarian Google
apple-touch-icon.pngLayar utama iPhone dan iPad
web-app-manifest-192.png / 512.pngLayar utama, splash, dan daftar aplikasi Android
site.webmanifestMemberi tahu Android nama, warna, dan ikon situs Anda
README.txtPetunjuk pemasangan dan HTML yang perlu ditempel

Yang Sengaja Tidak Kami Berikan

Ini bagian yang membedakan halaman ini dari generator lain. Kebanyakan menyerahkan dua puluh berkas dan membiarkan Anda memilah sendiri, seolah lebih banyak berarti lebih baik.

Ikon tile Windows

browserconfig.xml dan berkas tile-nya melayani fitur tile yang disematkan di layar Start Windows 8 dan 10. Fitur itu sudah dihapus. Berkasnya tidak melakukan apa-apa selain menambah isi folder situs Anda.

Belasan PNG lepas

Ukuran 16, 32, dan 48 piksel sudah tersimpan di dalam favicon.ico. Menyalin piksel yang sama jadi berkas terpisah hanya menggemukkan zip-nya tanpa menambah satu pun perangkat yang bisa dilayani.

Ikon pinned tab Safari

Berkas ini harus berupa vektor satu warna. Kalau sumber Anda bitmap, membuatnya berarti menebak bagian mana dari logo Anda yang diratakan jadi hitam pekat — dan tebakan yang meleset menghasilkan bentuk yang tidak Anda kenali. Lebih jujur tidak menyertakannya dan mengatakan alasannya.

Kenyataan Ada di 16 Piksel

Favicon di tab browser tingginya sekitar 16 piksel. Itu 256 titik untuk mewakili seluruh merek Anda, dan sebagian besar logo tidak dirancang untuk itu.

Yang biasanya hilang lebih dulu

Teks, garis tipis, gradasi halus, dan detail di dalam bentuk. Yang bertahan adalah satu bentuk tegas dengan kontras kuat. Karena itu banyak merek besar memakai satu huruf atau satu simbol sebagai faviconnya, bukan logo lengkapnya.

Pratinjaunya bukan hiasan

Panel di atas menampilkan logo Anda di tab browser palsu berukuran 16 piksel dan pada piksel aslinya. Kalau di sana sudah tidak terbaca, tidak ada pengaturan di halaman ini yang bisa memperbaikinya — yang perlu disederhanakan adalah logonya. Lebih baik mengetahuinya sekarang.

Cara Memasangnya

Letakkan seluruh isi zip di folder akar situs Anda, sejajar dengan halaman utama. Lalu tempel potongan HTML yang ditampilkan di panel atas ke dalam bagian <head>.

Satu catatan yang sering menyesatkan: favicon.ico di folder akar tetap ditemukan browser meski tidak ada tag link sama sekali, dan itulah sebabnya berkas ini masih penting. Tag link diperlukan untuk berkas lainnya.

Privat Sejak Awal: Tidak Ada yang Diunggah

Logo situs sering sudah final sebelum situsnya sendiri diluncurkan. Di halaman ini seluruh berkas — termasuk zip-nya — dibuat di dalam browser Anda, jadi logo itu tidak pernah dikirim ke server siapa pun. Putuskan internet setelah halaman terbuka lalu buat paketnya: tetap berhasil.

Pertanyaan yang Sering Diajukan

Apakah generator favicon ini gratis?

Ya, sepenuhnya. Tanpa daftar akun, tanpa watermark, tanpa jatah harian.

Apakah logo saya diunggah ke server?

Tidak. Seluruh berkas dibuat di dalam browser Anda, termasuk file zip-nya. Logo yang belum dirilis tetap ada di perangkat Anda. Baca kebijakan privasi kami.

Berkas apa saja yang saya dapat?

favicon.ico berisi ukuran 16, 32, dan 48 piksel; favicon.svg kalau sumbernya vektor; favicon-96.png untuk hasil pencarian Google; apple-touch-icon.png untuk iOS; dua PNG untuk Android; site.webmanifest; dan README berisi HTML siap tempel. Itu saja, dan itu memang cukup.

Kenapa hanya sedikit? Generator lain memberi dua puluh berkas.

Karena sebagian besar dari dua puluh itu sudah tidak dipakai siapa pun. Ikon tile Windows 8 melayani fitur yang sudah dihapus. Belasan PNG lepas hanya menduplikasi piksel yang sudah ada di dalam favicon.ico. Halaman ini mencantumkan apa yang tidak diberikan beserta alasannya, supaya Anda bisa menilai sendiri, bukan sekadar percaya.

Kenapa ikon pinned tab Safari tidak dibuatkan?

Berkas itu harus berupa vektor satu warna. Kalau sumber Anda bitmap, tidak ada cara membuatnya tanpa menebak bagian mana dari logo yang harus diratakan jadi satu warna — dan tebakan yang salah menghasilkan ikon yang lebih buruk daripada tidak ada sama sekali.

Format apa yang paling baik dipakai sebagai sumber?

SVG. Karena vektor, setiap ukuran digambar ulang dari bentuk aslinya, dan Anda juga mendapat favicon.svg untuk browser modern. Kalau hanya punya PNG, pakai yang minimal 512 piksel supaya ikon Android tidak kabur.

Bagaimana cara memasangnya di situs saya?

Letakkan seluruh isi zip di folder akar situs Anda, lalu tempel potongan HTML yang tertera di halaman ini ke dalam <head>. README di dalam zip mengulang langkah yang sama.

Logo saya tidak persegi, bagaimana?

Favicon selalu persegi. Pilih muat seluruh logo dengan ruang kosong di sisinya, atau potong penuh. Pratinjaunya menunjukkan hasil kedua pilihan itu di ukuran sebenarnya.

Alat Konversi Gratis Lainnya

Generator favicon ini bagian dari sekumpulan alat gratis di pngconvert.net yang semuanya berjalan di dalam browser. Cuma perlu satu file ICO? Pakai konverter PNG ke ICO:

PNG ke ICO

Ubah gambar PNG menjadi ikon Windows dan favicon dalam banyak ukuran sekaligus.

 JPG ke ICO

Potong foto jadi persegi, buang latarnya, lalu dapatkan ikon Windows.

 SVG ke ICO

Gambar vektor di setiap ukuran ikon, dan lihat detail mana yang hilang lebih dulu.

 WebP ke ICO

Semua ukuran dalam satu ikon, dan pilih framenya kalau gambarnya bergerak.

 ICO ke PNG

Keluarkan setiap ukuran di dalam file ICO sebagai gambar PNG terpisah.

 WebP ke PNG

Bongkar WebP jadi PNG transparan: satu frame, semua frame, atau APNG.

 SVG ke PNG

Ubah vektor jadi PNG di ukuran berapa pun: 1x, 2x, 3x, atau lebar sesuka Anda.

 AVIF ke PNG

Ubah AVIF yang tidak mau dibuka software Anda menjadi PNG yang jalan di mana saja.

 HEIC ke PNG

Konversi foto HEIC dari iPhone ke PNG langsung di browser, tanpa unggahan.

 GIF ke PNG

Satu frame, semua frame dalam satu zip, atau PNG bergerak. Anda yang pilih.

 JPG ke PNG

PNG lossless dari sebuah JPG, plus latar polos yang bisa dijadikan transparan.

 PNG ke WebP

Kecilkan PNG jadi WebP dan lihat ukurannya turun seketika, lossy maupun lossless.

 PNG ke GIF

GIF yang dibuat di browser Anda: satu gambar diam, atau beberapa PNG jadi satu animasi.

 PNG ke JPG

Konversi PNG ke JPG: pilih warna pengisi area transparan, lihat ukurannya menyusut.

 WebP ke JPG

Konversi WebP jadi JPG yang bisa dibuka di mana saja. Anda yang pilih pengisi transparansinya.

 HEIC ke JPG

Konversi foto HEIC dari iPhone jadi JPG kecil yang gampang dibagikan, tanpa unggahan.