Favicon Generator — Membuat Favicon dari Gambar Gratis
Hasilkan ikon PNG berukuran 16–512 px, ikon Apple touch, dan manifes situs.web dari satu gambar.
Letakkan gambar persegi — dapatkan setiap ukuran favicon ditambah site.webmanifest sebagai ZIP.
Termasuk favicon.ico, site.webmanifest + cuplikan HTML
Apa yang dapat Anda lakukan dengan Generator Favicon
Tinjau kemampuan utama sebelum Anda mulai.
- Mulai dari gambar, inisial, atau emoji atau simbol
- Pratinjau warna lettermark dan gaya teks sebelum pembuatan
- Buat ikon layar utama Apple touch dan Android
- Dapatkan file site.webmanifest yang siap digunakan
- Unduh semua ukuran favicon sebagai satu ZIP
- Hasilkan favicon.ico beserta ukuran PNG dari 16 hingga 512 px
Referensi pengaturan
7 pengaturan
Kontrol yang tersedia untuk Generator Favicon.
- Mode pemrosesanPreset
- Proses satu masukan atau beralih ke mode massal Premium untuk memproses beberapa masukan dengan pengaturan yang sama. Jenis masukan yang tersedia bergantung pada alat.Opsi: Gambar tunggalMassal
Jenis sumber
- Dari mana favicon harus dimulai?Preset
- Memilih gambar yang diunggah, lettermark satu hingga tiga karakter yang didesain secara lokal, atau emoji atau simbol sebagai sumber untuk paket favicon lengkap yang sama.Opsi: Gunakan gambar atau logoBuat dari inisialBuat dari emoji
Desain
- Inisial atau teks singkatMasukan teks
- Menetapkan satu hingga tiga karakter untuk mode inisial dan memperbarui pratinjau sumber lokal sebelum pembuatan.
- Gaya tekstarik-turun
- Memilih keluarga font lettermark dalam mode inisial.Opsi: Sans serifSerifRuang tunggal
- Warna teksPemilih warna
- Memilih warna inisial; hanya ditampilkan untuk sumber lettermark.
- Warna latar belakangPemilih warna
- Menetapkan latar belakang solid di belakang inisial atau emoji sebelum ukuran favicon dibuat.
- Emoji atau simbolMasukan teks
- Menerima hingga empat karakter Unicode dalam mode emoji; tampilannya mengikuti browser dan sistem operasi yang digunakan untuk merender sumbernya.
Alat terkait untuk Generator Favicon
Alat untuk langkah umum selanjutnya setelah Generator Favicon.
gambar Conversion
Konverter ICO
Konversikan input gambar umum apa pun menjadi berkas .ico multi-resolusi dari 16–256 px untuk kebutuhan browser dan aplikasi desktop yang didukung.
Coba sekarang
gambar Conversion
SVG ke PNG
Rasterisasi file SVG sebagai PNG pada skala 1×–8× dengan latar belakang transparan, putih, atau khusus.
Coba sekarang
gambar Conversion
PNG ke WebP
Konversikan gambar PNG ke WebP dengan dukungan transparansi dan pengaturan kualitas yang dapat disesuaikan.
Coba sekarangPertanyaan yang Sering Diajukan
Untuk cakupan peramban dan perangkat yang luas, target umum meliputi ikon peramban 16×16 dan 32×32, ikon Windows 48×48, ikon Apple touch 180×180, serta ikon Android/PWA 192×192 dan 512×512. Generator menghasilkan ikon-ikon ini beserta favicon.ico dan site.webmanifest dari sebuah gambar, inisial, atau sebuah emoji atau simbol.
usagePeramban modern mendukung ikon PNG, tetapi favicon.ico tetap menjadi cadangan kompatibilitas yang berguna. Paket yang diunduh menyertakan favicon.ico multi-resolusi serta ukuran PNG modern, sehingga Anda tidak memerlukan konversi kedua.
technicalManifest aplikasi web adalah file JSON yang memberi tahu Android, Chrome, dan Edge bagaimana situs Anda harus tampil saat dipasang sebagai progressive web app — ikon, nama, warna tema, dan mode tampilan. Generator kami menyertakan manifest awal yang menunjuk ke ikon Android Chrome; Anda hanya perlu mengedit nama dan theme_color.
featuresGunakan gambar persegi 512×512 atau lebih besar, satu hingga tiga inisial tebal dengan kontras kuat, atau satu emoji atau simbol sederhana. Hindari detail halus yang hilang pada 16×16. Pratinjau sumber langsung membantu Anda menilai lettermark atau emoji sebelum membuat paket.
tipsLogo yang diunggah dikirim melalui HTTPS saat Anda memilih Buat. Sumber inisial dan emoji pertama-tama dirender secara lokal di browser Anda, lalu gambar sumber yang dihasilkan itu dikirim untuk membuat paket. Berkas yang diproses server mengikuti kebijakan Keamanan; tidak ada yang diunggah hanya karena menyunting pratinjau lokal.
privacyEkstrak hasil unduhan ke folder /public (atau web root) situs Anda, lalu tambahkan cuplikan HTML yang disertakan ke <head> Anda: tag link untuk ikon PNG plus link ke site.webmanifest. Muat ulang situs Anda secara paksa (Cmd+Shift+R) — peramban menyimpan cache favicon secara agresif, jadi Anda mungkin perlu membersihkan cache agar ikon baru muncul.
usagePaket ini menyediakan ikon 192×192 dan 512×512 serta manifes awal yang digunakan oleh aplikasi web yang dapat dipasang. Ikon saja tidak membuat situs dapat dipasang; aplikasi Anda juga harus memenuhi persyaratan manifes, HTTPS, dan service worker terkini dari browser.
technicalYa. Pratinjau dan unduh ZIP favicon bersih tanpa membuat akun. Kumpulan ikon ditampilkan di server kami, jadi penggunaan gratis memiliki kelonggaran dan Premium menghilangkan batasannya.
pricingFavicon adalah ikon kecil yang ditampilkan di tab browser, bookmark, dan riwayat, dengan ukuran ikon terkait yang digunakan untuk pintasan layar utama dan aplikasi terpasang. Mulai di sini dengan gambar logo, inisial, atau emoji atau simbol, lalu unduh set ikon beserta site.webmanifest dalam satu ZIP.
usageYa. Pilih Buat dari inisial untuk memasukkan satu hingga tiga karakter, gaya teks, serta warna latar depan/latar belakang, atau pilih Buat dari emoji untuk simbol dan latar belakang. Panel desain yang relevan terbuka otomatis, sumbernya dipratinjau secara lokal, dan tidak ada yang dibuat sampai Anda memilih aksi favicon.
featuresYa — pengunggah menerima file sumber PNG, JPEG, WebP, dan SVG, tidak hanya PNG. SVG layak digunakan jika Anda memilikinya: karena berbasis vektor, setiap ukuran keluaran dari 16 hingga 512 dirender segar dari data vektor alih-alih diperbesar dari raster, jadi tepian tetap tajam bahkan pada 512×512. JPEG dan WebP juga bekerja baik, meskipun Anda sebaiknya meratakan transparansi apa pun ke latar belakang terlebih dahulu karena JPEG tidak dapat menyimpan kanal alfa.
technicalPilih Gunakan gambar atau logo, unggah PNG, dan hasilkan paketnya. Paket ini mencakup favicon.ico multi-resolusi, ukuran PNG, ikon Apple dan Android, site.webmanifest, dan cuplikan HTML dalam satu ZIP. Anda juga dapat mulai dari JPEG, WebP, atau SVG, atau beralih mode untuk mendesain lettermark dari inisial atau menggunakan emoji atau simbol.
usageYa — Pixoate mendukung pemrosesan batch dan massal. Beralih ke mode Batch, tambahkan hingga 60 gambar sumber di Premium atau 200 di Pro, atur pilihan Anda satu kali, dan setiap gambar sumber diproses dengan pengaturan yang sama sebelum Anda mengunduh satu ZIP yang berisi arsip paket favicon lengkap per gambar sumber. Pemrosesan massal adalah fitur Premium; outputnya menggunakan kualitas dan pengaturan yang sama dengan mode tunggal.
featuresYa — dengan pemrosesan massal, Anda mengonfigurasi pengaturan satu kali dan pengaturan tersebut berlaku untuk setiap item dalam batch — hingga 60 gambar sumber di Premium atau 200 di Pro. Tidak perlu mengulangi pengaturan per item, dan file yang diunggah dan dibuat sementara diproses dengan aman dan dihapus secara otomatis.
usageHampir selalu ada satu dari tiga penyebab. Ukuran file melebihi batas unggahan gratis 11 MB — Premium menerima 50 MB dan Pro 120 MB. Formatnya mungkin tidak didukung alat ini; periksa daftar di panel unggahan. Atau isi file tidak sesuai dengan format pada namanya: mengganti nama tidak mengubah isi, sehingga file yang tampak valid ditolak.
troubleshootingYa — sesuaikan masukan dan buat lagi sebanyak yang Anda perlukan; tidak ada yang terkunci sampai Anda mengunduh. Periksa hasilnya pada ukuran yang benar-benar akan digunakan, karena sesuatu yang terbaca dengan jelas di layar bisa gagal setelah dicetak kecil atau ditampilkan di ponsel.
troubleshootingTidak. Anda dapat menjalankan Favicon Generator dan mengunduh hasil gratisnya tanpa akun, dan tidak ada tanda air. Premium adalah apa yang Anda beli ketika batasan mulai berlaku: hingga 60 file dalam satu batch, unggahan lebih besar, tanpa batas harian, dan hasil resolusi asli. Tidak ada yang terungkap pada langkah pengunduhan yang tidak terlihat sebelum Anda memulai.
pricingTidak — Favicon Generator berjalan langsung di browser pada desktop dan ponsel. Tidak ada yang perlu diinstal, tidak ada uji coba yang perlu dimulai, dan tidak ada lisensi yang perlu dibeli sebelum Anda mengetahui apakah alat ini memenuhi kebutuhan Anda. Coba langsung pada file yang sedang Anda tangani, bukan pada contoh.
troubleshootingBagaimana Generator Favicon membantu Anda menyelesaikannya
Masalah nyata yang dipecahkannya setiap hari — untuk bisnis, kreator, dan tugas sehari-hari. Temukan kasus penggunaan yang cocok untuk Anda dan mulailah.
Peluncuran Indie Hacker
Founder solo yang merilis MVP mereka membutuhkan favicon yang rapi sebelum peluncuran. Hasilkan setiap ukuran dari satu gambar logo Anda beserta manifest hanya dengan satu klik — tanpa Figma, tanpa langganan desain.
Penyiapan Klien Agensi
Saat menyerahkan situs klien baru, set favicon jarang dianggarkan tetapi selalu diharapkan. Buat file ZIP di akhir proyek, letakkan di /public, dan centang sebagai hasil yang diserahkan.
Kemampuan Instalasi PWA
Untuk lolos pemeriksaan kelayakan instalasi Chrome, manifes Anda membutuhkan ikon 192×192 dan 512×512. Output kami memenuhi persyaratan itu secara langsung, beserta tag head HTML yang sesuai.
Ruang Kerja Multi-Merek
Agensi dan konsultan yang menangani banyak merek klien dapat menghasilkan ulang set favicon dalam 10 detik setiap kali ada penyegaran merek — tanpa perlu memelihara action Photoshop.
Branding Proyek Open Source
Situs GitHub Pages, Vercel, Netlify, dan Cloudflare Pages semuanya membutuhkan favicon agar tampak rapi di tab browser. Tempelkan berkas yang dihasilkan ke dalam repo Anda dan proyek Anda pun tampak siap rilis.
Penyegaran Rebranding
Saat logo Anda berubah, buat ulang setiap ukuran yang diperlukan — termasuk ikon Apple touch 180px dan ikon PWA Android 512px — tanpa mengekspor ulang secara manual dari Illustrator.
Ikon untuk Manifest Ekstensi Peramban
Ambil PNG 16, 32, dan 48px langsung dari ZIP untuk objek icons manifest.json Anda — cara cepat untuk mendapatkan ikon ekstensi yang sesuai tanpa mengekspor setiap ukuran secara manual di alat desain.
Isi Kekosongan Favicon pada Situs No-Code
Webflow, Framer, dan Wix jarang menghasilkan set favicon lengkap sendiri; unggah logo Anda di sini dan tempel ukuran hasilnya serta cuplikan HTML ke panel custom-code atau pengaturan SEO situs dalam hitungan menit.
Beri Blog Hobi Tampilan yang Rampung
Blog pribadi di Ghost, Jekyll, atau Hugo sering kali tidak dilengkapi favicon sama sekali; buat set lengkap dari foto wajah atau logo gambar tangan agar tab peramban terlihat disengaja alih-alih kosong.
Perbaiki Favicon yang Ditandai dalam Audit SEO
Favicon yang hilang atau rusak adalah temuan umum dalam laporan Lighthouse dan crawler SEO, dan diam-diam menurunkan click-through di hasil pencarian serta bookmark. Buat ulang seluruh set dalam sekali unggah dan tuntaskan temuan itu hari ini.
Saksikan setiap transformasi selesai
Setiap foto crosses the slash untouched and comes out the other side finished.
