Favicon készítés: méretek, favicon.ico, PNG és Google követelmények

Favicon készítés weboldalhoz: ajánlott méretek, favicon.ico, PNG, Apple Touch Icon, manifest és gyakori hibák lépésről lépésre.

Balogh Bence

9 perc

A favicon apró elem, mégis több helyen azonosítja a webhelyet: böngészőfülön, könyvjelzőben, mobil kezdőképernyőn és bizonyos keresési megjelenésekben. Emiatt érdemes nem egyetlen 16×16 fájlban gondolkodni, hanem komplett ikonkészletben.

Feltöltött képből néhány kattintással generálhatsz favicon csomagot.

Favicon generátor→

Milyen fájlok kellenek?

favicon.ico kompatibilitáshoz
16×16 és 32×32 PNG
180×180 Apple Touch Icon
192×192 és 512×512 Android ikon
site.webmanifest PWA és mobil metaadatokhoz

Egyszerű jel működik a legjobban

A favicon nagyon kicsi. Egy hosszú szólogó vagy vékony részletekkel teli embléma 16×16 pixelen olvashatatlan lehet. A legerősebb megoldás általában egyetlen monogram vagy felismerhető geometriai jel.

HTML bekötés

A headben link rel=icon és apple-touch-icon elemekkel adhatod meg a fájlokat. Ha manifestet is használsz, a böngésző további ikonméreteket és megjelenítési beállításokat is kaphat.

Favicon és SEO

A favicon nem klasszikus rangsorolási faktor, de a keresési megjelenés része lehet. A cél ezért nem kulcsszóoptimalizálás, hanem stabil, crawlolható, felismerhető márkaikon.

A favicon és más metaelemek meglétét egy teljes oldal-ellenőrzéssel is átnézheted.

Meta ellenőrző→

Összefoglalás

Készíts több méretet ugyanabból az egyszerű vizuális jelből, használd konzisztens fájlnevekkel, és teszteld valódi böngészőfülön is. A jó favicon felismerhető akkor is, amikor alig néhány pixel áll rendelkezésre.

Gyakori kérdések

Mekkora legyen a favicon?

A klasszikus böngészős méretek 16×16 és 32×32, de modern eszközökhöz 180×180, 192×192 és 512×512 ikonok is hasznosak.

Kell favicon.ico?

Nem minden modern környezetben kötelező, de kompatibilitási fallbackként továbbra is érdemes biztosítani.

Megjelenik a favicon a Google-ben?

A Google a keresési találatoknál megjeleníthet faviconokat, ha a webhely és az ikon megfelel a technikai követelményeknek, de a megjelenés nem garantált.