Ghid

Favicon (.ico) vs SVG

SVG este cel mai interesant format de favicon al erei moderne — vector, întunecat și mic. Dar nu poate înlocui complet .ico în 2026. Iată de ce și cum să le folosești pe ambele.

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

SVG se scalează la infinit și acceptă interogări media în mod întunecat în interiorul fișierului în sine. Un SVG de 1 KB acoperă fiecare densitate pe fiecare browser modern.

ICO este soluția universală de rezervă. Versiunile Safari mai vechi, browserele vechi și convenția bare-URL <code>/favicon.ico</code> depind în continuare de aceasta.

Configurația recomandată: expediați <code>favicon.ico</code> + <code>favicon.svg</code>. Browserele care acceptă SVG îl vor prefera; restul revin automat la .ico.

Cum funcționează

  1. 1

    Proiectați sau exportați un SVG

    Pătrat viewBox, element <svg> cu o singură rădăcină.

  2. 2

    Generați soluția de rezervă .ico

    Utilizați FetchFavicon pentru a rasteriza SVG într-un format .ico cu mai multe dimensiuni.

  3. 3

    Leagă pe ambele

    <link rel="icon" href="/favicon.ico"> + <link rel="icon" type="image/svg+xml" href="/favicon.svg">.

Încearcă acum

Generați perechea .ico + SVG

Convertor SVG în PNG

Întrebări frecvente

Pot să renunț complet la .ico dacă folosesc SVG?+

Nu în siguranță. Multe sisteme de încorporare sociale, cititoare RSS și instrumente vechi încă mai solicită /favicon.ico prin convenție.

Ce browsere acceptă favicons SVG?+

Chrome 80+, Edge 80+, Firefox 41+, Safari 15+ și Brave. iOS Safari preferă în continuare apple-touch-icon PNG.

Cât de mic poate fi o favicon SVG?+

Sub 1 KB pentru un marcaj monocrom curat. Chiar și siglele multicolore complexe depășesc rar 4 KB.

Instrumente conexe

Mai multe ghiduri

Ghiduri