Favicon-generátor
Alakíts bármely képet teljes favicon-készletté: .ico fájlt, PNG méreteket, Apple touch ikont és web manifestet, közvetlenül a böngésződben.
Kapcsolódó eszközök
Így használd a következőt: Favicon-generátor
- 01
Tölts fel egy négyzetes képet. Egy egyszerű logó vagy ikon a legjobb, és a feldolgozás a böngésződben történik.
- 02
Ha szeretnéd, válassz háttérszínt, és add meg a webhelyed nevét a web manifesthez.
- 03
Töltsd le a ZIP fájlt, és illeszd be a HTML kódrészletet a weboldal head részébe.
Mi az a favicon
A favicon az a kis ikon, amely a böngészőlapokon, a könyvjelzőkben és a telefonok kezdőképernyőjén jelenik meg. Apró részlet, amitől egy webhely befejezettnek és felismerhetőnek látszik, és a modern böngészők több változatot is elvárnak belőle.
Miért nem elég egyetlen kép
Itt a bökkenő: egyetlen kép már nem elég. Szükséged van egy több méretet tartalmazó .ico fájlra a klasszikus böngészőkhöz, külön PNG-méretekre, egy Apple touch ikonra az iOS kezdőképernyőkhöz, nagyobb PNG-kre az Androidhoz, és egy webmanifesztre, ha a webhelynek telepíthetőnek kell lennie.
Ez a generátor egyetlen képből építi fel a teljes készletet, benne egy valódi, több méretet tartalmazó .ico fájllal, és megadja a pontos HTML-részletet is, amelyet az oldalad head részébe illeszthetsz, így semmit nem kell összeállítanod vagy kézzel megírnod.
Milyen képet tölts fel
A legjobb eredményért tölts fel legalább 512 képpontos négyzetes képet, lehetőleg egyszerű logót vagy jelet, ne részletgazdag fényképet, mivel az ikon gyakran nagyon kicsiben jelenik meg. A nem négyzetes képet a rendszer középre helyezi és négyzetesre egészíti ki, így a szélekhez közeli részletek a margókra kerülhetnek.
Háttérszín és webhelynév
Igény szerint beállíthatsz háttérszínt és a webhelyed nevét. A webhelynév abba a webmanifesztbe kerül, amelyet a rendszer akkor használ, ha valaki felveszi a webhelyet a kezdőképernyőjére.
A böngésződben fut
Minden helyben, a böngésződben fut a Canvas API-val, így a képed soha nem töltődik fel. Egy ZIP fájlt töltesz le az összes fájllal és a beilleszthető részlettel.
Gyakran ismételt kérdések
Mi található a favicon-csomagban?
Egy favicon.ico 16, 32 és 48 px méretekben, külön 16 és 32 px PNG fájlok, egy 180 px-es Apple touch ikon, 192 és 512 px-es PNG-k Android számára, egy site.webmanifest, valamint egy HTML kódrészlet, amelyet a weboldal head részébe kell beilleszteni.
Milyen képet töltsek fel?
Legalább 512 px méretű négyzetes kép a legjobb, ideálisan egy egyszerű logó vagy szimbólum. A nem négyzetes képet a rendszer középre igazítja és négyzetessé egészíti ki, ezért az élek közelében lévő részletek a margókon belülre kerülhetnek.
Feltöltődnek a képeim?
Nem. Az ikonok a böngésződben, a Canvas API segítségével jönnek létre, ezért a képed soha nem hagyja el az eszközödet.