Favicon (.ico) vs SVG
SVG adalah format favicon paling menarik di era modern — vektor, sadar mode gelap, dan mungil. Namun .ico tidak dapat sepenuhnya menggantikan .ico pada tahun 2026. Inilah alasannya, dan cara menggunakan keduanya.
SVG berskala tanpa batas dan mendukung kueri media mode gelap di dalam file itu sendiri. SVG 1 KB mencakup setiap kepadatan di setiap browser modern.
ICO adalah cadangan universal. Versi Safari yang lebih lama, browser lama, dan konvensi <code>/favicon.ico</code> bare-URL semuanya masih bergantung padanya.
Penyiapan yang disarankan: kirim <code>favicon.ico</code> + <code>favicon.svg</code>. Browser yang mendukung SVG akan lebih menyukainya; sisanya kembali ke .ico secara otomatis.
Cara kerjanya
- 1
Rancang atau ekspor SVG
Kotak viewBox, elemen <svg> akar tunggal.
- 2
Hasilkan cadangan .ico
Gunakan FetchFavicon untuk melakukan rasterisasi SVG Anda menjadi .ico multi-ukuran.
- 3
Tautkan keduanya
<link rel="icon" href="/favicon.ico"> + <link rel="icon" type="image/svg+xml" href="/favicon.svg">.
Coba sekarang
Hasilkan pasangan .ico + SVG
Konverter SVG ke PNGFAQ
Bisakah saya menghapus .ico seluruhnya jika saya menggunakan SVG?+
Tidak aman. Banyak penyemat sosial, pembaca RSS, dan alat lama masih meminta /favicon.ico berdasarkan konvensi.
Browser manakah yang mendukung favicon SVG?+
Chrome 80+, Edge 80+, Firefox 41+, Safari 15+, dan Berani. iOS Safari masih lebih memilih apple-touch-icon PNG.
Seberapa kecilkah favicon SVG?+
Di bawah 1 KB untuk tanda monokrom yang bersih. Bahkan logo multiwarna yang rumit pun jarang melebihi 4 KB.