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.
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.