Jatuhkan gambar untuk membuat favicon
Seret & lepas, tempel, atau pilih file
PNG · JPG · WebP · SVG — ikon dibuat di perangkat Anda
Generator Favicon
Ubah satu gambar menjadi set favicon lengkap — favicon.ico, setiap ukuran PNG, apple-touch-icon, ikon Android, manifes web, dan snippet HTML — dalam satu zip, langsung di browser Anda.
Pertanyaan yang sering diajukan
Apa itu favicon dan ukuran berapa yang harus digunakan?
Favicon adalah ikon kecil yang ditampilkan browser di tab, bookmark, dan riwayat. Tidak ada satu ukuran — situs modern menggunakan beberapa: favicon.ico berisi 16, 32, dan 48 px, ikon PNG hingga 512 px, apple-touch-icon 180 px untuk iOS, dan ikon 192/512 px untuk Android dan PWA. Generator ini membuat semuanya sekaligus.
Bagaimana cara membuat favicon.ico dari PNG?
Jatuhkan PNG Anda (atau JPG, WebP, atau SVG) ke alat. Alat ini mengecilkan gambar ke 16, 32, dan 48 px dan mengemasnya dalam satu favicon.ico, bersama ikon PNG mandiri. Unduh zip dan salin favicon.ico ke root situs Anda.
Di mana gambar saya diproses?
Semuanya terjadi di browser Anda, sehingga ikon dibuat di perangkat Anda sendiri. Cara penanganan data yang terkait dengan alat ini dijelaskan dalam kebijakan privasi kami.
File apa yang saya dapatkan dan di mana meletakkannya?
Zip berisi favicon.ico, favicon PNG (16–512 px), apple-touch-icon.png, PNG android-chrome-192/512, site.webmanifest, dan snippet HTML siap tempel. Salin file ke root situs dan tempel snippet ke <head> halaman Anda.
Apakah gambar sumber harus berbentuk persegi?
Persegi paling baik karena ikon berbentuk persegi. Jika gambar Anda tidak persegi, gambar akan dipusatkan dan diberi garis tepi ke bingkai persegi; Anda juga bisa menambahkan warna latar dan padding agar karya non-persegi terlihat rapi di dalam ikon.
Apakah favicon harus berlatar belakang transparan atau solid?
Transparan (PNG) terlihat terbaik di sebagian besar browser dan beradaptasi dengan tab terang dan gelap. Gunakan latar belakang solid jika logo Anda memiliki garis tipis yang hilang di tema tertentu, atau jika Anda menginginkan tampilan ikon app persegi bulat yang konsisten.
Bisakah saya juga membuat ikon app iOS dan Android?
Ya. Beralih ke mode Ikon app untuk mengekspor set iOS lengkap (40–1024 px untuk Xcode dan App Store) dan densitas mipmap Android plus ikon 512 px Play Store, diorganisasikan dalam folder di dalam zip.
Bagaimana cara menambahkan favicon ke situs web saya?
Unggah file ke root situs, lalu tempel tag <link> yang disediakan ke <head> setiap halaman (atau layout bersama). Baris favicon.ico mencakup browser lama; baris PNG dan apple-touch-icon mencakup browser modern dan iOS; baris manifest mencakup Android dan PWA yang dapat dipasang.
Mengapa favicon baru saya tidak muncul?
Browser menyimpan favicon secara agresif. Lakukan hard refresh, buka file langsung (situsanda.com/favicon.ico), atau coba jendela pribadi. Tab dan bookmark mungkin memerlukan waktu untuk diperbarui bahkan setelah file sudah aktif.
Apakah generator favicon benar-benar gratis?
Ya — sepenuhnya gratis, tanpa watermark dan tanpa pendaftaran. Buat sebanyak mungkin set favicon dan ikon app yang Anda inginkan.
Semua alat favicon & ikon
Langsung ke tugas ikon yang tepat yang Anda butuhkan.
Alat gambar lainnya
Convert image format
PNG, JPG and WebP — convert any to any.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCrop an image
Crop to any ratio or an exact pixel size.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.