Generátor favicon
Premeňte logo, SVG, písmeno alebo emoji na kompletnú sadu faviconov pre prehliadače, Google, iPhone a Android — so živými náhľadmi a hotovým kódom na inštaláciu.
Ako na to: Generátor favicon
- 1
Zvoľte zdroj
Nahrajte logo v PNG, JPG, WebP alebo SVG a orežte ho na štvorec, alebo napíšte písmeno či emoji a vyberte písmo a farby.
- 2
Dolaďte každú platformu
Nastavte pozadie, rohy a okraj pre prehliadače, iOS a Android, urobte ikonu pre Android maskovateľnou a sledujte živé náhľady karty, vyhľadávania a domovskej obrazovky.
- 3
Stiahnite a nainštalujte
Získajte favicon.ico, favicon.svg, ikony PNG a site.webmanifest v jednom ZIP a potom postupujte podľa návodu pre HTML, Next.js, Vite alebo WordPress.
Čo obsahuje moderná sada faviconov
Favicon je malá ikona na kartách prehliadača, v záložkách a vo výsledkoch vyhľadávania Google a na telefónoch sa z neho stáva ikona vášho webu na domovskej obrazovke. Každá platforma vyžaduje vlastné súbory, takže moderný favicon nie je jeden obrázok, ale malá sada obrázkov a manifest webovej aplikácie.
Nahrajte logo v PNG, JPG, WebP alebo SVG a orežte ho na štvorec, alebo vytvorte ikonu z písmena či emoji. Potom dolaďte každú platformu zvlášť: pozadie a rohy pre prehliadače na počítači a Google, plné pozadie a okraj pre domovskú obrazovku iPhonu a maskovateľnú ikonu pre Android, ktorá drží logo v bezpečnej zóne. Živé náhľady ukazujú karty prehliadača vo svetlom aj tmavom režime, panel záložiek, výsledok vyhľadávania Google a domovské obrazovky iOS a Androidu s maskou kruhu, squircle a zaobleného štvorca.
ZIP zodpovedá súčasným osvedčeným postupom: favicon.ico s veľkosťami 16, 32 a 48 px, favicon.svg, ak je zdrojom SVG (voliteľne s prispôsobením tmavému režimu), favicon-96x96.png, apple-touch-icon.png 180×180, ikony manifestu 192 a 512 px a site.webmanifest. Skopírujte kód HTML alebo postupujte podľa krokov pre Next.js, React/Vite či WordPress a výsledok potom otestujte našou kontrolou favicon. Všetko sa generuje priamo vo vašom prehliadači.
Všetko beží lokálne vo vašom prehliadači — vaše obrázky sa nikdy nenahrávajú na server.