Favicon Generátor

Mi az a favicon-generátor?

A favicon az a kis ikon, amely a weboldal neve mellett jelenik meg a böngésző lapjain, a könyvjelzőkben, a keresési eredményekben és az alkalmazás-parancsikonokban. Általában 16×16, 32×32 vagy 48×48 pixeles; a favicon segít a felhasználóknak azonosítani az oldalt a sok megnyitott lap között. Ez az eszköz egyetlen forrásképből az összes szükséges méretben és formátumban generál faviconokat.

A modern weboldalaknak több favicon-méretre van szükségük: 16×16 és 32×32 böngészőlapokhoz, 180×180 Apple Touch ikonhoz, 192×192 és 512×512 Android kezdőképernyő-parancsikonokhoz, és néha SVG-re a skálázható megjelenítéshez. Ez az eszköz egyetlen feltöltésből minden szükséges méretet generál, plusz az oldalba illesztendő HTML link tagokat.

Az eszköz használata

Töltsön fel egy négyzet alakú képet (ideálisan legalább 512×512 pixeles). Az eszköz minden standard favicon-méretet és formátumot generál. Nézze meg az egyes méretek előnézetét. Töltse le a teljes favicon-csomagot az ICO fájllal, PNG változatokkal és a HTML meta tagokkal, amelyeket az oldal head szakaszába illeszt.

Szükséges favicon-méretek

• 16×16 – böngészőlap ikon (a klasszikus favicon-méret).
• 32×32 – tálca-parancsikon, nagy DPI-s böngészőlapok.
• 180×180 – Apple Touch ikon iOS kezdőképernyőhöz.
• 192×192 és 512×512 – Android kezdőképernyő és splash screen (PWA manifest).

Favicon-tervezési tippek

A faviconnak apró méretben is felismerhetőnek kell lennie. Használjon félkövér formákat, egyszerű geometriát és nagy kontrasztot. A szöveg ritkán működik 32×32 alatt. Egyetlen betű vagy a márka absztrakt szimbóluma a leghatékonyabb. Tesztelje a faviconját valódi megjelenítési méretben (16×16) – a 512×512-n remekül látszó részletek favicon-méretben láthatatlan foltokká válnak. PNG faviconokhoz használjon átlátszó hátteret.

Gyakran ismételt kérdések

Mi a különbség a favicon.ico és a PNG faviconok között?

Az ICO formátum egyetlen fájlban több méretet is tárolhat, és minden böngésző támogatja, beleértve a nagyon régieket is. A PNG faviconok egyszerűbbek (méretenként egy fájl), és a modern böngészők használják. A legtöbb oldal mindkettőt tartalmazza: ICO fájlt a maximális kompatibilitáshoz és PNG/SVG-t a modern böngészőkhöz. A HTML link tagok megmondják a böngészőnek, melyiket használja.

Miért nem jelenik meg a faviconom?

Gyakori okok: a böngésző gyorsítótárba mentette a régi faviconot (próbálja meg törölni a gyorsítótárat vagy inkognitó ablakban tölteni be), a HTML link tagban lévő fájlútvonal hibás, a fájlformátum helytelen, vagy a favicon nincs a gyökérkönyvtárban. A böngészők agresszívan gyorsítótárazzák a faviconokat – egy frissített favicon megjelenéséhez napok is kellhetnek. Egy lekérdezési karakterlánc hozzáadásával (favicon.ico?v=2) kényszerítheti a frissítést.