Favicon Generator
Buat paket favicon lengkap dari logo Anda dalam satu langkah. Unggah gambar persegi (PNG direkomendasikan) dan dapatkan: file .ico multi-resolusi (16×16, 32×32, 48×48), ikon PNG dari 16×16 hingga 512×512 untuk setiap kasus penggunaan, Apple Touch Icon untuk layar beranda iOS, ikon Android Chrome dengan dukungan adaptif, webmanifest.json untuk instalasi PWA, dan snippet HTML siap tempel. Semua dalam satu unduhan ZIP.
Apa yang dilakukan alat ini?
Favicon Generator membuat semua file ikon dan markup yang diperlukan untuk kehadiran web modern. Alat ini menghasilkan favicon.ico tradisional dengan beberapa ukuran tertanam untuk dukungan browser lama. Untuk browser modern, alat ini menghasilkan ikon PNG pada ukuran standar: 16×16 (tab browser), 32×32 (Windows), 180×180 (Apple Touch), 192×192 (Android), 512×512 (layar splash). webmanifest.json memungkinkan instalasi Progressive Web App di Android dan Chrome OS. Snippet HTML mencakup semua tag link yang diperlukan dengan atribut rel dan ukuran yang benar.
Cara kerjanya
Unggah gambar sumber persegi (direkomendasikan 512×512 atau lebih besar, PNG dengan transparansi jika berlaku). Alat ini menggunakan resampling Lanczos untuk menghasilkan semua ukuran yang diperlukan dengan kualitas tinggi. Untuk favicon.ico, alat ini menyematkan beberapa frame PNG pada 16×16, 32×32, dan 48×48 menggunakan format kontainer ICO. PNG individu dihasilkan untuk setiap ukuran yang diperlukan. webmanifest.json dibangun dengan bidang standar (name, icons, theme_color, background_color). Snippet HTML menggunakan nilai rel link yang benar: icon untuk favicon, apple-touch-icon untuk iOS, manifest untuk PWA. Semua file dikemas dalam ZIP dengan README yang menjelaskan instalasi.
Fitur
- Multi-size .ico (16/32/48 nested)
- PNG dari 16×16 hingga 512×512 — setiap ukuran yang dibutuhkan browser
- Apple Touch Icon, iPad, Android, Microsoft tile
- site.webmanifest yang dihasilkan untuk instalasi PWA
- Snippet HTML <head> siap tempel
- Unduhan .zip tunggal dengan semua file
- Resampling Lanczos untuk kualitas
Cara menggunakan
- 1
Jatuhkan logo Anda
Gambar persegi ≥ 512×512 PNG bekerja paling baik. Latar belakang transparan boleh dan direkomendasikan untuk penggunaan modern.
- 2
Klik Generate
Semua ukuran diproduksi melalui resample Lanczos dalam hitungan detik. Pratinjau menampilkan ukuran kunci.
- 3
Unduh .zip
Buka ZIP ke folder /public atau /static; tempel snippet HTML ke bagian <head> situs Anda.
- 4
Sesuaikan (opsional)
Edit site.webmanifest untuk menyesuaikan nama aplikasi, warna tema, dan warna latar belakang untuk merek Anda.
Kasus penggunaan umum
Peluncuran situs web baru
Buat set favicon lengkap saat meluncurkan situs baru untuk memastikan tampilan profesional di semua perangkat dan platform.
Pembaruan merek
Perbarui favicon di semua ukuran saat melakukan rebranding atau memperbarui logo Anda.
Persiapan PWA
Dapatkan semua ikon yang diperlukan dan webmanifest.json yang dibutuhkan untuk dukungan instalasi Progressive Web App.
Modernisasi situs lama
Ganti pengaturan favicon.ico tunggal lama dengan paket ikon multi-format, multi-size modern.
Tips & praktik terbaik
- Banyak ukuran karena iOS, Android, Windows, dan berbagai browser masing-masing meminta ukuran berbeda untuk tab, layar beranda, layar splash, dll. Paket lengkap memastikan rendering tajam di mana saja
- Gunakan sumber minimal 512×512. Penskalaan ke bawah terlihat bagus; penskalaan ke atas dari sumber kecil terlihat buram
- PNG transparan bekerja paling baik untuk browser modern, tetapi sertakan versi dengan latar belakang berwarna untuk konteks yang tidak mendukung transparansi
- webmanifest theme_color memengaruhi UI browser (bilah alamat) di Chrome mobile — sesuaikan dengan merek Anda