Hogyan Működik

Válassza Ki a Forrást

Töltsön fel egy képet, készítsen szövegből egyéni betűtípusokkal, válasszon több száz emojiból, vagy rajzoljon pixel artot. Elemezzen bármely URL-t a meglévő faviconok kinyeréséhez.

Testreszabás & Előnézet

Állítsa be a háttereket, átmeneteket, kerekítést és effekteket. Nézze meg a favicon előnézetét böngészőfülekben, iOS kezdőképernyőn, Android és Windows maketteken valós időben.

Generálás & Letöltés

Generálja az összes méretet egy kattintással. Töltse le a teljes csomagot használatra kész kódrészletekkel több mint 35 keretrendszerhez.

Négy Mód a Favicon Elkészítésére

Kép Feltöltése

Kezdje bármilyen képpel — PNG, JPG, SVG, vagy WebP. Adjon hozzá háttereket, állítsa be a margót, fényerőt, kontrasztot és alkalmazzon lekerekített sarkokat. Tökéletes logókhoz és meglévő márkaelemekhez.

Szövegből Favicon

Készítsen szövegalapú faviconokat 1500+ Google Fonts betűtípussal. Válasszon betűvastagságot, színeket és adjon hozzá szilárd vagy átmenetes háttereket. Ideális egyszerű betűalapú márkaikonokhoz.

Emoji Favicon

Válasszon több száz emojiból 12 kategóriában, beleértve az összes országzászlót. Adjon hozzá színes háttereket előbeállításokkal vagy egyéni átmenetekkel a polírozott megjelenésért.

Pixel Art Vászon

Rajzolja meg saját faviconját pixelről pixelre egy testreszabható rácson. Használja a toll, radír és kitöltés eszközöket visszavonás/mégis támogatással. Exportálja pixel art alkotását azonnal.

Erőteljes Funkciók

100% Privát

Minden feldolgozás helyileg történik a böngészőjében. A képei soha nem hagyják el az eszközét. Nincs feltöltés, nincs felhő tárhely, nincs adatgyűjtés.

Minden Platform Lefedve

Generáljon 15+ favicon méretet böngészőkhöz, iOS kezdőképernyőhöz, Android Chrome-hoz, Windows csempékhez, Safari rögzített fülekhez és Progresszív Webalkalmazásokhoz.

Élő Előnézet

Lássa pontosan, hogyan néz ki a faviconja a böngészőfülekben, iOS kezdőképernyőn, Android indítón és Windows csempéken generálás előtt.

Kódrészletek 35+ Keretrendszerhez

Szerezzen használatra kész kódot HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django és 25+ további platformhoz.

URL Elemző

Elemezzen bármely weboldalt a meglévő faviconok kinyeréséhez. Lássa, milyen méretek vannak jelen, mi hiányzik, és generáljon újra egy teljes készletet egy kattintással.

Generálási Előzmények

Férjen hozzá legutóbbi favicon generálásaihoz. Állítsa vissza a korábbi alkotásokat, hasonlítsa össze a verziókat, vagy folytassa a szerkesztést onnan, ahol abbahagyta.

Gyors Sablonok

Kezdje professzionálisan tervezett sablonokkal, amelyek szilárd színeket, átmeneteket és mintákat tartalmaznak. Alkalmazza és szabja testre, hogy illeszkedjen márkájához.

Többméretű ICO

Automatikusan létrehoz több felbontású ICO fájlokat 16x16, 32x32 és 48x48 méretek beágyazásával a maximális böngésző kompatibilitás érdekében.

Teljes Kimeneti Csomag

Szabványos Faviconok

favicon.ico (többméretű), 16x16, 32x32 és 48x48 PNG-k böngészőfülekhez és könyvjelzőkhöz.

Apple Touch Ikonok

180x180 Apple Touch Ikon iOS kezdőképernyőhöz, plusz Safari rögzített fül SVG testreszabható témaszínnel.

Android & PWA Ikonok

192x192 és 512x512 ikonok Android Chrome-hoz és Progresszív Webalkalmazásokhoz, beleértve a maszkolható ikon támogatást.

Windows Csempék

270x270 Microsoft csempe browserconfig.xml-lel a Windows Start menü és tálca integrációhoz.

Web Manifeszt

Teljes site.webmanifest fájl ikon hivatkozásokkal, témaszínekkel és PWA megjelenítési beállításokkal.

Gyakran Ismételt Kérdések

Milyen favicon méretekre van szükségem?

Minimum: favicon.ico, 32x32 PNG, 180x180 Apple Touch Ikon, és 192x192/512x512 Android/PWA számára. Az 'Alapvető' előbeállításunk automatikusan tartalmazza az összes szükséges méretet.

Miért van szükségem ICO fájlra?

Az ICO formátum több méretet tartalmaz egy fájlban, és minden böngésző támogatja, beleértve a régebbi verziókat is. Ez a hagyományos favicon formátum, amely maximális kompatibilitást biztosít.

Legyen átlátszó háttere a faviconomnak?

Böngészőfülekhez az átlátszóság jól működik. iOS és Android kezdőképernyőkhöz fontolja meg a szilárd vagy átmenetes hátteret, mivel az ikonok különböző háttérképeken jelennek meg.

A forrásképemnek négyzet alakúnak kell lennie?

Igen, a faviconok mindig négyzet alakúak. Ha a képe nem négyzet alakú, használja a margó és méretezés vezérlőinket a tökéletes illesztéshez. A legjobb eredmény érdekében kezdjen négyzet alakú képpel.

Biztonságosak és privátak a képeim?

100% privát. Minden feldolgozás a böngésző natív Canvas és Blob API-jait használja. A képei soha nem hagyják el az eszközét — nem töltünk fel, nem tárolunk és nem továbbítunk semmilyen adatot.

Mely keretrendszerek támogatottak?

Kódrészleteket biztosítunk 35+ platformhoz, beleértve a React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails és még sok más rendszert.

Mi a helyzet a Progresszív Webalkalmazásokkal?

Generátorunk létrehozza az összes szükséges PWA ikont, beleértve a maszkolható változatokat, plusz egy teljes site.webmanifest fájlt a megfelelő ikon deklarációkkal és témaszínekkel.

A Faviconok Megértése

A faviconok kis ikonok, amelyek az Ön weboldalát képviselik a böngészőkben, könyvjelzőkben, kezdőképernyőkön és alkalmazásindítókban. Egy teljes favicon készlet biztosítja, hogy márkája professzionálisnak és felismerhetőnek tűnjön mindenhol, ahol a felhasználók találkoznak az oldalával.

Az ICO Formátum

Az ICO formátum több méretet (16x16, 32x32, 48x48) csomagol egyetlen fájlba. Míg a modern böngészők támogatják a PNG faviconokat, az ICO elengedhetetlen marad a maximális kompatibilitás érdekében a régebbi böngészőkkel és bizonyos asztali alkalmazásokkal.

PNG Ikonok

A modern böngészők a PNG faviconokat részesítik előnyben éles minőségük és átlátszóság támogatásuk miatt. Minden méret egy célt szolgál: 16px és 32px a böngészőfülekhez, 180px az iOS-hez, és 192px/512px az Androidhoz és PWA-khoz.

Webalkalmazás Manifeszt

A site.webmanifest fájl határozza meg, hogyan jelenik meg az oldala, amikor PWA-ként telepítik. Meghatározza az ikonokat, témaszíneket, megjelenítési módot és egyéb metaadatokat, amelyeket a böngészők az alkalmazásszerű élmény létrehozásához használnak.

SVG Faviconok

A Safari rögzített fül funkciója monokróm SVG ikont használ. A modern böngészők is kezdik közvetlenül támogatni az SVG faviconokat, végtelen skálázhatóságot és kisebb fájlméreteket kínálva.