Cum să adăugați o favicon în HTML

Trei etichete acoperă 99% din cazuri. Încă două vă oferă o configurație completă de calitate PWA.

3 min de citit

Eticheta minimă

<link rel="icon" href="/favicon.ico"> — asta este. Fiecare browser îl va prelua.

Setul modern recomandat

Adăugați SVG și apple-touch-icon pentru o redare clară pe fiecare platformă:

<link rel="icon" href="/favicon.ico">

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

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

PWA solicitări de instalare

Adăugați un manifest.json cu intrări PNG 192×192 și 512×512, apoi conectați <link rel="manifest" href="/site.webmanifest">.

Încearcă instrumentele

Continuă lectura

Explorați FetchFavicon

Categorii

Convertoare

Utilități

Ghiduri

Tutoriale