Hasilkan setiap ukuran favicon yang dibutuhkan situs web Anda dari satu gambar
Unggah logo atau ikon dan alat ini akan menghasilkan favicon dalam semua ukuran yang dibutuhkan browser modern, sistem operasi, dan manifes PWA — mulai dari ICO klasik 16 x 16 hingga PNG 512 x 512 untuk layar utama Android. Unduh paket yang siap diterapkan dengan cuplikan HTML yang disertakan.
Gunakan alat ini gratisBrowser tool
Favicon generator
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
Cara menggunakan
Unggah gambar Anda
Masukkan file PNG, SVG, JPEG, atau WebP ke generator. Gambar persegi berukuran 512 piksel atau lebih besar menghasilkan hasil paling tajam.
Pangkas dan sesuaikan
Seret pengendali pangkas untuk mengisolasi area ikon. Tambahkan padding jika ikon memerlukan ruang bernapas. Atur latar belakang menjadi transparan atau warna solid.
Pratinjau semua ukuran
Alat ini merender setiap ukuran target secara bersamaan sehingga Anda dapat memverifikasi bahwa ikon dapat dikenali pada ukuran 16 piksel dan terlihat tajam pada ukuran 512 piksel.
Unduh paketnya
Unduh ZIP yang berisi semua file favicon ditambah cuplikan HTML yang dapat Anda tempelkan ke tag <head> situs Anda untuk mereferensikan setiap ikon dengan benar.
Fitur
Cakupan ukuran lengkap
Menghasilkan 16 x 16, 32 x 32, dan 48 x 48 untuk browser tradisional; Ikon Apple Touch 180 x 180 untuk iOS; 192 x 192 dan 512 x 512 untuk manifes PWA Android. Setiap ukuran umum dalam sekali jalan.
Keluaran ICO dan PNG
Paket ini mencakup file .ico multi-resolusi (berisi lapisan 16, 32, dan 48 px) dan file PNG individual untuk setiap ukuran. Kedua format tersebut siap digunakan langsung dalam tag head HTML.
Editor pangkas dan padding
Sesuaikan area pemotongan untuk mengisolasi bagian ikon gambar Anda. Tambahkan padding untuk mencegah ikon menyentuh tepi kotak favicon, sehingga meningkatkan keterbacaan pada ukuran kecil.
Kontrol latar belakang
Pertahankan latar belakang transparan untuk browser modern, atau atur warna isian solid untuk Ikon Apple Touch (yang tidak mendukung transparansi). Pratinjau kedua mode sebelum mengunduh.
After this task
After this free tool, open Background Eraser for the next AI editing workflow.
Continue with Background EraserSpesifikasi
| Ukuran keluaran (px) | 16, 32, 48, 180, 192, 512 |
| Format keluaran | ICO (berlapis-lapis), PNG |
| Format masukan | PNG, SVG, JPEG, WebP |
| Masukan yang direkomendasikan | 512 x 512 px atau lebih besar, persegi |
| Ikon Sentuhan Apple | 180 x 180 px dengan bg solid opsional |
| Pengolahan | Sisi klien (tidak ada unggahan) |
Related Magic Eraser Tools
Pertanyaan umum
Berapa ukuran gambar yang harus saya mulai?
+
Mulailah dengan gambar persegi minimal 512 x 512 piksel. Generator menurunkan skala dari master ini, sehingga sumber resolusi tinggi memastikan setiap ukuran yang lebih kecil terlihat tajam. File SVG berfungsi paling baik karena dapat diskalakan tanpa kehilangan kualitas.
Apakah saya memerlukan keenam ukuran tersebut?
+
Untuk kompatibilitas maksimal, ya. ICO 16 dan 32 px mencakup browser lawas, PNG 180 px diperlukan untuk bookmark Safari iOS, dan PNG 192/512 px diperlukan untuk petunjuk pemasangan PWA Android dan layar pembuka.
Bagaimana cara menambahkan favicon ke situs web saya?
+
Paket unduhan menyertakan cuplikan HTML. Tempelkan ke bagian <head> situs Anda. Ini mereferensikan file ICO untuk browser dan file PNG untuk perangkat Apple dan Android. Sebagian besar kerangka kerja juga mendukung penempatan favicon.ico di direktori root.
Logo terlalu rumit untuk favicon kecil?
Gunakan Background Eraser untuk mengisolasi simbol inti dari logo lengkap Anda, lalu masukkan ikon bersih ke generator favicon. Bentuk yang lebih sederhana terbaca lebih baik pada 16 px.
Cobalah secara gratisMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Rancang gradien linier, radial, dan kerucut dengan beberapa perhentian warna. Salin kode CSS atau unduh sebagai gambar PNG. Tidak perlu mendaftar.
Konversi warna antara format bernama HEX, RGB, HSL, HSB, CMYK, dan CSS. Lihat pratinjau langsung, salin nilai apa pun, dan ekspor kartu warna. Tidak perlu mendaftar.
Ubah kode warna HEX menjadi nilai RGB dan sebaliknya. Pratinjau langsung, salinan sekali klik, dan keluaran cuplikan CSS. Tidak perlu mendaftar — berfungsi di browser Anda.
Pilih warna apa pun dari gambar yang diunggah dan dapatkan kode HEX, RGB, dan HSL secara instan. Buat palet dari foto untuk desain web, pencitraan merek, dan ilustrasi.
Upload foto dan ekstrak 5-10 warna dominan dengan kode HEX, RGB, dan HSL. Salin contoh, ekspor sebagai variabel ASE atau CSS. Tidak perlu mendaftar.
Hasilkan kode QR untuk URL, teks, kredensial WiFi, dan vCard. Sesuaikan warna, tambahkan logo tengah, dan unduh sebagai PNG atau SVG. Tidak perlu mendaftar.