Записки ЧЧ »Articole» Dezvoltarea site-ului »Ce este favicon? Cum se creează un favicon și se instalează pe site?
Despre standardul favicon și imaginea ico
În IE, favicon folosește o imagine în format ico cu o dimensiune de 16x16. ico este standardul pentru icoanele Windows, aceleași doar cele mai mari sunt utilizate pe desktop, pentru programele și tipurile de fișiere din explorator și așa mai departe. ico este similar cu bmp, deci dacă schimbați extensia de la bmp la .ico, browserul îl poate folosi ca favicon. Dar nu face asta! Imaginile în format bmp cântăresc foarte mult și vor da serverului o încărcare suplimentară.
Cât de corect să faci favicon?
Cum de a configura favicon pe un site sau blog?
Faviconul a început să fie folosit în paginile site-ului de care aveți nevoie în fișierul header.php al șablonului dvs. între etichete
... introduceți următorul cod:Anterior, desigur, trebuie să încărcați fișierele cu pictograme în dosarul cu imagini din șablonul dvs. Folosesc favicon-16.ico pentru versiunile mai vechi ale IE și favicon-16.png pentru alte browsere. Și favicon-32.ico - pentru produsele Apple. După cum puteți vedea, majoritatea versiunilor de browsere moderne pot lucra cu favicon în diferite formate (png, jpg, bmp, ico, gif etc.), de aceea puțin mai sus am pus la îndoială necesitatea de a converti png la ico. Când alegeți formatul fișierului pictogramă, trebuie să acordați atenție greutății fișierului și suportului acestuia de către browsere și alte aplicații. Rețineți că, de exemplu, FireFox poate afișa animat gif ca icoane, iar IE9 nu.
Acum, să ne uităm la codul de mai sus. rel = "pictograma de comenzi rapide" - atributul din etichetă . stabilește legăturile de pagină către fișiere și documente externe. Folosit pentru a indica favicon, fișiere de stil, rss streams și așa mai departe. rel = "icon" este pentru toate browserele cu excepția IE, dar scriem rel = "icon shortcut". atunci IE este declanșată pe "pictograma de comenzi rapide". iar restul browserelor sunt "pictograme".
type = "image / png" - tipul de document în acest caz este o imagine png. Pentru ico, respectiv, type = "image / x-icon" (considerat învechit) sau type = "image / vnd.microsoft.icon".
Pe paginile diferite ale unui site puteți utiliza diferite favicon. Acest efect este vizibil în mod clar pe site-ul Google, unde fiecare serviciu are o pictogramă proprie. Pentru a implementa o astfel de oportunitate, trebuie să afișați calea către fișierul cu pictograme corespunzător pe pagina dorită.
Articole similare
Trimiteți-le prietenilor: