Ghiduri despre favicon
Răspunsuri clare la întrebările care apar când creezi un favicon: ce dimensiuni, ce formate și ce cod trebuie inserat.
Dimensiuni de favicon: formate și utilizări
Căutarea „dimensiune favicon” încă afișează liste cu cincisprezece fișiere moștenite din 2014. În practică, șase dimensiuni acoperă acum filele browserelor, rezultatele de căutare, iOS, Android și PWA. Iată care sunt și de ce.
Citește ghidulConvertește gratuit un PNG în ICO
Fișierul .ico rămâne formatul așteptat la rădăcina unui site, iar majoritatea convertoarelor online cer încărcarea imaginii pe serverul lor. Iată cum obții dintr-un PNG un favicon.ico corect, cu mai multe dimensiuni, fără să încarci nimic.
Citește ghidulapple-touch-icon: dimensiune, format și cod
Pictograma Apple Touch furnizează explicit imaginea folosită când un vizitator adaugă site-ul tău pe ecranul de pornire al unui iPhone. Rămâne separată de faviconul din fila browserului și de pictogramele declarate în manifestul aplicației web.
Citește ghidulFavicon pentru modul întunecat cu SVG
O siglă neagră pe fundal transparent arată perfect într-o filă luminoasă și dispare într-una întunecată. Formatul ICO nu se poate adapta, dar faviconul SVG poate: conține o regulă CSS care schimbă culorile în funcție de tema browserului.
Citește ghidulAdaugă un favicon în HTML
Un favicon HTML fiabil nu depinde de o singură etichetă magică. Folosește un set restrâns de fișiere accesibile și legături plasate în head. Procedura acoperă filele moderne, clienții vechi și scurtăturile mobile fără să înmulțească variantele istorice.
Citește ghidulFaviconul nu apare sau nu se actualizează
Când lipsește un favicon, fișierul nu este întotdeauna problema. Browserul, un CDN, un service worker și un motor de căutare pot păstra fiecare o versiune diferită. O diagnosticare ordonată evită schimbarea mai multor variabile simultan.
Citește ghidulFaviconuri în Next.js App Router
App Router poate produce elementele icon din fișiere convenționale sau din obiectul metadata. Ambele abordări sunt valide, dar amestecarea lor fără o regulă clară poate crea ușor declarații concurente.
Citește ghidulGhid pentru faviconuri SVG
SVG păstrează marginile clare la orice densitate de pixeli și poate adapta culorile la temă. Această flexibilitate are o condiție: fișierul trebuie să rămână autonom, simplu și lizibil într-un spațiu minuscul.
Citește ghidul