Cara Membuat Favicon
Membuat favicon ialah kerja 60 saat: bermula dari segi empat sama, hasilkan .ico berbilang saiz dan pautkannya dalam HTML <head> anda. Panduan ini berjalan melalui setiap langkah.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Imej sumber anda hendaklah segi empat sama dan sekurang-kurangnya 512×512. SVG lebih baik — ia berskala tanpa kehilangan kualiti.
Persediaan berdaya maju minimum ialah satu berbilang saiz favicon.ico. Persediaan moden juga termasuk pasangan SVG, 180×180 apple-touch-icon dan pasangan 192×192 + 512×512 PNG untuk gesaan pemasangan PWA.
Cara ia berfungsi
- 1
Sediakan sumber segi empat sama
512×512 PNG atau SVG dengan segi empat sama viewBox.
- 2
Menjana
Gunakan penjana favicon kami untuk menggabungkan semua saiz menjadi satu .ico.
- 3
Pasang
Lepaskan favicon.ico ke dalam akar tapak anda dan pautkannya dalam <head>.
Cuba sekarang
Cipta favicon anda sekarang
Penjana FaviconSoalan lazim
Apakah alat yang paling mudah untuk membuat favicon?+
Penjana favicon kami — muat naik, klik jana, muat turun. Tiada pendaftaran, tiada muat naik ke pelayan.
Apakah saiz imej sumber saya?+
512×512 minimum. SVG adalah ideal.
Adakah saya memerlukan apple-touch-icon?+
Ya, jika anda mahukan ikon skrin utama yang bersih pada iOS. 180×180 PNG, dipautkan melalui <link rel="apple-touch-icon">.
Alat berkaitan
Penjana Favicon
Janakan pek favicon lengkap (ICO + PNG) untuk setiap peranti dan pelayar.
Penukar PNG ke ICO
Penukar PNG ke ICO dalam talian percuma untuk ikon Windows, ikon aplikasi, dan favicon laman web.
Penukar SVG ke PNG
Rasterkan grafik vektor SVG kepada PNG pada sebarang resolusi.
Pemeriksa favicon
Semak favicon mana-mana laman — sahkan saiz, format dan varian yang hilang.