Favicon feladása a webhelyén

• Lehet 11, 2024

A favicon vagy a parancsikon ikon az a kis kép, amely a webhely URL-je mellett jelenik meg a böngésző címsorában. Ez a webhely neve mellett jelenik meg a Könyvjelzők vagy a Kedvencek listában, és ha füllel ellátott böngészőt használ, akkor ez a lapon is megjelenhet.

Egy favicon weboldalra való közzététele egy jó módja annak, hogy hozzáadjon egy kis személyiséget, és valójában ez nagyon egyszerű. A folyamat legnehezebb része egy kép megválasztása. Ha jól látja a grafikát, akkor megtervezheti a sajátját. Ha nem, akkor mindig választhat képet az internetről. Ha úgy dönt, hogy létező képet használ, NE Töltse le egyszerűen egy grafikát egy másik webhelyről, és tegye közzé saját tulajdonában - megsértené a webmester szerzői jogát, és súlyos bajokba kerülhet. Ehelyett ragadjon meg képet az interneten található egyik ingyenes forrásból.

Faviconjának meghatározott méretűnek kell lennie a működéshez - akár 16X16 pixel, akár 32X32 pixel. Ez tényleg kicsi, tehát amikor kiválasztja az alapképét, győződjön meg arról, hogy az a megfelelő, ha a postai bélyeg méretére csökken. Az élénk színek és az egyszerű formák általában a legjobban működnek. A képet el kell mentenie az elfogadott favicon formátumok egyikében is: .png, .gif vagy .ico. A legtöbb webfejlesztő a .ico-t használja, mert valószínűleg az Ön favicon lesz az egyetlen fájl a webhelyen, amelynek kiterjesztése van, tehát ez akkor tűnik ki, amikor átmászik a webhely könyvtárain.

Számos ingyenes webes eszköz egyikével konvertálhatja a képet megfelelő méretű .ico fájlba. A HTML Kit készítői által kínált egyet használom, amely lehetővé teszi mind statikus, mind animált kedvencek létrehozását. A cikk alatt található egy link a favicon eszközhöz.

Most jön a könnyű rész - a favicon hozzáadása a webhelyhez! Két lehetőség közül választhat a favicon kép megjelenítéséhez. Az első és legbiztonságosabb lehetőség az, hogy a következő kódot helyezze minden olyan oldal fejlécébe, ahol a favicont meg szeretné jeleníteni, a 'href' részt helyettesítve az ön favillájának URL-jével:


type = "image / ico"
href = "// example.com/myicon.ico">

A második lehetőség a favicon nevének „favicon.ico” megnevezése, és a gyökérkönyvtárba helyezése (ez általában ugyanaz a könyvtár, mint a kezdőlap). Ezzel a módszerrel akkor sem kell kódot hozzáadnia a weboldalaihoz, és szinte minden böngésző felveszi az ikont - azonban egyes böngészők (általában régebbi) nem jelenítik meg a favicont, ha ezt a módszert használják.

Video Utasításokat: Chrome Web Store - What's a web app? (Lehet 2024).