Favicon készítő online – böngészőikon a weboldaladhoz
Favicon készítő
Böngészőikon bármilyen képből – az összes szükséges méret és egy kész .ico fájl.
Illeszd be a weboldalad <head> részébe:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
A képed nem töltődik fel sehova – minden művelet a saját gépeden fut.
A favicon a böngészőfülön, a könyvjelzők között és a telefon kezdőképernyőjén megjelenő apró ikon. Egy kép nem elég hozzá: több méret kell, mert a 16 képpontos fülikon és a 180 képpontos iOS-ikon egészen máshogy néz ki. Ez az eszköz az összes szokásos méretet kiadja, plusz egy favicon.ico fájlt, ami a 16, 32 és 48 képpontos változatot egyben tartalmazza.
Fontos: a 16 képpontos ikonon egy teljes logó olvashatatlan. A jó favicon egyetlen betű, egy egyszerű jel vagy egy erős forma.
Így használd
- Töltsd be a képet – négyzetes formájú a legjobb.
- Válassz háttérszínt, ha a képnek átlátszó háttere van, vagy hagyd átlátszón.
- Nézd meg az előnézeten, hogy 16 képpontosan is felismerhető-e.
- Töltsd le a szükséges méreteket, és a favicon.ico fájlt.
- Másold be őket a weboldalad gyökérkönyvtárába.
Gyakori kérdések
Milyen méretekre van szükségem?
A gyakorlatban a favicon.ico (16/32/48), egy 180×180-as apple-touch-icon és egy 512×512-es PNG lefedi az összes mai böngészőt és telefont.
Elég csak az ICO fájl?
Böngészőben igen, de iOS-en a kezdőképernyőre mentéskor a 180 képpontos PNG kell, Androidon pedig a 512-es. Ezért érdemes mindet letölteni.
Hova kell tenni a fájlokat?
A weboldal gyökerébe, és a HTML fejlécében hivatkozz rájuk. A favicon.ico-t a legtöbb böngésző hivatkozás nélkül is megtalálja a gyökérben.
