Favicon

Mi az a favicon

A favicon vagy favikon egy olyan ikon, ami a címsor bal részében jelenik meg (01. ábra). A favicon például a webáruháza kicsinyített logója, vagy hasonló is lehet. További információkat például a Weboldal ikon blogbejegyzésben tudhat meg róla.

01. ábra
01. ábra

Favicon készítése a webáruházba történő közvetlen feltöltés esetén

  • a fájlnak ICO formátumúnak kell lennie (fájlnév pl.: favicon.ico)
  • a képet ebben a formátumban kell elmenteni, klasszikus képként (JPG, GIF stb.) elmentve és utána átnevezve nem fog működni
  • a kép méretének 16 x 16 pixelnek kell lennie

A favicont pl.: JPG vagy GIF formátumban is elkészítheti, majd használhatja hozzá valamelyik online szolgáltatást, ami a képet automatikusan átteszi a kívánt formátumba. Ilyen online szolgáltatás például a:

Hogyan illeszthető be a favicon a weboldalára

A weboldal adminisztrációjában  Megjelenés és tartalom → Szerkesztő → Egyéb beállítások fül alatt válassza a Feltöltés lehetőséget (02. ábra). Itt töltse fel az ön által előkészített *ico formátumú fájlt.

02. ábra
02. ábra

Favicon létrehozása minden eszköztípushoz

A favicon napjainkban egy kicsit más módon jelenik meg a számítógép normál keresőjében és a mobiltelefonon, illetve tableten. Ezért javasoljuk a Real Favicon Generator szolgáltatás alkalmazását, ami lehetőséget ad a saját favicon létrehozására és annak minden eszköztípushoz történő hozzáigazítására.

Olyan képet készítsen, aminek a mérete legalább 260 x 260 px. Ezzel biztosítja a minőségi megjelenését az összes keresőben.

A kép betöltése után látni fogja az egyes eszközökön megjelenő nézetét, az Android Chrome esetén azonban ki kell egészíteni a megnevezéssel is, ami a faviconnal együtt jelenik majd meg.

Ezután állítsa be az elérési utat, honnan hová kell betölteni a favicont, a következő alakban: /user/documents/ (03. ábra).

03. ábra
03. ábra

Jóváhagyás után megtörténik magának a faviconnak és a HTML kódnak a generálása. Töltse le az ikonokat a Favicon package gombra kattintva a számítógépre (05. ábra). Csomagolja ki a fájl tartalmát. Egyelőre ne zárja be az oldalt, szüksége lesz még rá.

04. ábra
04. ábra

Ezután töltse fel az ikonokat az FTP-re (ideálisan a WinSCP-n keresztül) az /user/documents/ kiindulási mappába

Az ikonok FTP-re történő elmentése után lépjen be a webáruházban a HTML szerkesztő Megjelenés és tartalom → Szerkesztő → HTML kód szekcióba és illessze be a Fejléc részbe a faviconnal az oldalon feltüntetett kódot.

A kód elmentése után a favicon az összes szükséges eszköztípuson meg fog jelenni.