Generátor Favicon
Vytvořte favicon z obrázků nebo textu/emoji. Vytvořte více velikostí (16x16 až 256x256) a stáhněte jako PNG nebo ZIP. Bezplatný online nástroj s okamžitými výsledky.
Co je favicon?
Favicon je malá ikona zobrazená v kartách prohlížeče, záložkách a historii. Pomáhá uživatelům vizuálně identifikovat váš web a buduje rozpoznatelnost značky.
Jaké velikosti potřebuji?
Běžné velikosti jsou 16x16 (karta prohlížeče), 32x32 (hlavní panel Windows), 48x48 (web Windows), 180x180 (ikona dotyku Apple) a 256x256 (displeje s vysokým rozlišením). Tento nástroj generuje všechny běžné velikosti.
Jak přidám favicon na svůj web?
Přidejte <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> do sekce <head> vašeho HTML pro každou velikost. Pro zařízení Apple přidejte <link rel="apple-touch-icon" href="/apple-touch-icon.png">.
Jaké formáty obrázků jsou podporovány?
PNG je nejširší podporovaný formát pro favicon. Tento nástroj generuje soubory PNG. Moderní prohlížeče také podporují favicon SVG, ale PNG má lepší kompatibilitu napříč všemi prohlížeči a zařízeními.
Mohu vytvořit favicon z textu nebo emoji?
Ano, můžete vytvářet favicon z textu, písmen nebo emoji. Stačí zadat svůj text nebo emoji, přizpůsobit písmo, barvu a pozadí a poté vygenerovat favicon.
Jaký je rozdíl mezi favicon.ico a favicon.png?
Favicon.ico je starší formát, který může obsahovat více velikostí v jednom souboru. Favicon.png je moderní formát s lepší kvalitou a podporou průhlednosti. Většina moderních webů používá formát PNG.
Potřebuji favicon pro svůj web?
Ano, favicony jsou nezbytné pro rozpoznatelnost značky a uživatelský zážitek. Objevují se v kartách prohlížeče, záložkách a výsledcích vyhledávání, což pomáhá uživatelům rychle identifikovat váš web.
Mohu použít průhledné pozadí pro svůj favicon?
Ano, formát PNG podporuje průhlednost. Můžete vytvářet favicony s průhledným pozadím, které dobře fungují jak na světlých, tak na tmavých motivech prohlížeče.
Co je ikona dotyku Apple?
Ikona dotyku Apple je větší ikona (180x180) používaná, když uživatelé přidají váš web na domácí obrazovku iOS. Poskytuje lepší vizuální zážitek než výchozí snímek obrazovky.
Jak vytvořím favicon pro Progressive Web App (PWA)?
Pro PWA potřebujete více velikostí ikon odkazovaných ve vašem souboru manifest.json. Zahrňte ikony 192x192 a 512x512 plus maskovatelnou ikonu pro adaptivní ikony Android.
Mohu nahrát vlastní obrázek?
Ano, můžete nahrát obrázky PNG, JPG nebo SVG. Nástroj je automaticky změní velikost a optimalizuje pro všechny velikosti favicon.
Je tento nástroj zdarma?
Ano, tento generátor favicon je zcela zdarma. Není vyžadována registrace, žádné vodoznaky a neomezené použití.
Co dělá dobrý favicon?
Dobrý favicon je jednoduchý, rozpoznatelný v malých velikostech, používá kontrastní barvy a reprezentuje vaši značku. Vyhněte se složitým detailům, které se při zmenšení na 16x16 pixelů stanou nejasnými.
Jak otestuji svůj favicon?
Po přidání favicon na váš web vymažte mezipaměť prohlížeče a znovu načtěte stránku. Favicon by se měl objevit v kartě prohlížeče. Můžete také zkontrolovat záložky a historii pro zobrazení ikony.