Favicon Generátor
Készíts tökéletes favicon csomagot (ICO, PNG, Apple Touch, webmanifest) bármilyen képből! Beépített négyzetes képvágó, 100% ingyenes és azonnali.
Húzd ide a logódat vagy képedet, vagy kattints a böngészéshez
PNG, JPG, WebP, SVG — Javasolt: min. 512×512 px
Hogyan készíts favicon csomagot?
- 1
Húzd be a logódat vagy képedet (PNG, JPG, WebP, SVG) a feltöltési területre, vagy kattints rá a fájlböngészőhöz.
- 2
Az eszköz azonnal megmutatja a képet a négyzetes vágókeretes szerkesztőn. Igazítsd a keretet a kívánt területre — a keret mindig négyzetarányú marad.
- 3
Ha a kép felbontása 512×512 pixel alatt van, a rendszer figyelmeztet. Ekkor is folytathatod a munkát, de a legjobb eredményért érdemes nagyobb képet használni.
- 4
Kattints a „Favicon Csomag Generálása és Letöltése (ZIP)" gombra. A böngésző másodperceken belül elkészíti és letölti a teljes csomagot.
Mire használhatod?
Weboldal indítás előtt
Minden weboldal számára elengedhetetlen a favicon — a böngésző füleken megjelenő kis ikon. Tölts fel egyszer logót, és kapsz minden szükséges méretet.
PWA és mobilos webapp
A generált csomag tartalmazza a 192×192 és 512×512 pixel méretű ikonokat, amelyek a Progressive Web App szabványhoz szükségesek, valamint a site.webmanifest fájlt.
Apple Touch Icon (iOS)
Az iPhone és iPad „Főképernyőre helyezés" funkciójához 180×180 pixeles Apple Touch Icon szükséges — ezt az eszköz automatikusan legenerálja.
Gyors redesign
Weboldal frissítésekor egyszerűen töltsd fel az új logót, és percek alatt készen van az összes platform számára megfelelő favicon csomag.
Gyakori kérdések
Milyen fájlokat generál az eszköz?
A ZIP csomag a következő fájlokat tartalmazza: favicon.ico (32×32 ICO formátumban), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png és site.webmanifest.
Hogyan kell beilleszteni a HTML kódba?
Másold a generált fájlokat a weboldalad gyökérkönyvtárába, majd add hozzá a következő sorokat a <head> szekcióhoz: <link rel="icon" href="/favicon.ico">, <link rel="apple-touch-icon" href="/apple-touch-icon.png">, <link rel="manifest" href="/site.webmanifest">.
Mekkora képet ajánlott feltölteni?
Legalább 512×512 pixeles képet javasolt, hogy az 512×512 méretű Android Chrome ikon éles maradjon. Az ideális forrás egy 1024×1024 vagy nagyobb, lehetőleg PNG vagy SVG formátumú logó.
Valódi .ico fájlt kap, vagy csak PNG-t?
Valódi ICO formátumú fájlt kap, amely PNG adatot tartalmaz (ez a modern szabvány). Az összes jelenlegi böngésző — beleértve a Chrome, Firefox, Edge és Safari — tökéletesen támogatja ezt a formátumot.
Feltöltődik a kép valahova?
Nem — a teljes feldolgozás a böngésződben zajlik, a Canvas API segítségével. A képed egyetlen bájtja sem kerül szerverre.
SVG logót is el tud fogadni?
Igen, SVG fájlok is feltölthetők. A kimenet minden esetben raszteres PNG/ICO formátumban készül, mivel a böngészők favicon pozícióban nem minden esetben jelenítik meg az SVG-t.