Hogyan kell megadni egy weblapon, hogy milyen ikon jelenjen meg a füleken a címe előtt?

Szia.

Fel kell tölteni a honlapra egy "favicon.ico" filét

[link]

Sok sikert.

üdv.

Head részbe be kell írni:

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

A favicon.ico maga az ikon, a neve és a formátuma lehet más is, csak ikon méretű legyen lehetőleg.

iexplorer támogatásért:

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="fav.ico" />

A méret ennél lehet jóval nagyobb is, de mivel a böngésző úgy is 16x16-os kis kockában jeleníti meg, nagyobb képek esetén csak egy maszat lesz belőle.

A liberálisabb böngészők megjelenítik a *.png, *.jpg, *.bmp, és a *.gif képeket is, de érdemes a kivánt képet a biztonság kedvéért *.ico formátummá alakítani.

[link]

Összegezvén, a legjobb megjelenést egy rajzolt clip-art kép biztosítja, ami nem nagyobb 50x50 pixelnél. A képet át kell alakítani *.ico formátumba ( a közhiedelemmel ellentétben nem elég a képünk kiterjesztését átírni ico formátumra), majd favicon.ico néven feltölteni a tárhelyünkre.

Az Internet Explorer meg hát az Internet Explorer, miért is jelenítené meg ilyen egyszerűen az ikont. Nekem nem sikerült még működésre bírnom, de állítólag csak akkor jelenik meg a favicon, ha az ominózus oldalt elmentjük a kedvenceink közé. Már átalakítottam ico formátummá a képet, lehet a kép felbontásával kellene játszanom, hogy megjelenítse (16x16, 32x32).

Az összes modern böngésző (és az IE is a 8.0 verziótól) megjeleníti a normál 16x16 pixel méretű nem tömörített rgb+alpha színösszeállítású ico fájlokat. Egyes jobb böngészők az animált gif képeket is (nyugodtan lehet hagyni a gif kiterjesztést).

Bár ez most kicsit offtopic, de a javascript böngészőfüggetlenítési mizériát úgy lehet megoldani a legegyszerűbben, ha egy jó js libraryt használsz (jQuery, Prototype...), mert ezek megoldják helyetted a függetlenítés bosszúságait. Vagy nagy részüket...