Favicon (.ico) lwn SVG
SVG ialah format favicon paling menarik pada era moden — vektor, sedar mod gelap dan kecil. Tetapi ia tidak boleh menggantikan sepenuhnya .ico pada tahun 2026. Inilah sebabnya, dan cara menggunakan kedua-duanya.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
SVG berskala tidak terhingga dan menyokong pertanyaan media mod gelap di dalam fail itu sendiri. 1 KB SVG merangkumi setiap ketumpatan pada setiap penyemak imbas moden.
ICO ialah sandaran universal. Versi Safari lama, penyemak imbas lama dan konvensyen <code>/favicon.ico</code> bare-URL semuanya masih bergantung padanya.
Persediaan yang disyorkan: hantar <code>favicon.ico</code> + <code>favicon.svg</code>. Pelayar yang menyokong SVG akan memilihnya; selebihnya kembali ke .ico secara automatik.
Cara ia berfungsi
- 1
Reka bentuk atau eksport SVG
Segi empat sama viewBox, unsur <svg> punca tunggal.
- 2
Hasilkan sandaran .ico
Gunakan FetchFavicon untuk merasterkan SVG anda menjadi .ico berbilang saiz.
- 3
Pautkan kedua-duanya
<link rel="icon" href="/favicon.ico"> + <link rel="icon" type="image/svg+xml" href="/favicon.svg">.
Cuba sekarang
Hasilkan pasangan .ico + SVG
Penukar SVG ke PNGSoalan lazim
Bolehkah saya menggugurkan .ico sepenuhnya jika saya menggunakan SVG?+
Tidak selamat. Banyak pembenam sosial, pembaca RSS dan alatan warisan masih meminta /favicon.ico mengikut konvensyen.
Penyemak imbas manakah yang menyokong SVG favicon?+
Chrome 80+, Edge 80+, Firefox 41+, Safari 15+ dan Berani. iOS Safari masih memilih apple-touch-icon PNG.
Seberapa kecil boleh jadi favicon SVG?+
Di bawah 1 KB untuk tanda monokrom yang bersih. Malah logo pelbagai warna kompleks jarang melebihi 4 KB.