Nové webové stránky
Vytvořte si během minuty jednoduchý písmenkový nebo emoji symbol, zatímco se ještě pracuje na návrhu skutečného loga.
Generátor favikonů — Vytvořte soubory favicon.ico a ikony ve formátu PNG z textu, emodži nebo obrázku.
Zadejte jedno nebo dvě písmena, emoji nebo nahrajte své logo a získejte hotovou sadu souborů s favikonami: favicon.ico, 16×16, 32×32, 48×48, ikonu Apple Touch o rozměrech 180×180 a ikony aplikací o rozměrech 192×192 a 512×512. Zkopírujte HTML kód a máte hotovo. Obrázky se zpracovávají přímo ve vašem prohlížeči.
Vytvoř mi favikonu
Obrázek zůstane ve vašem prohlížeči
Navrhněte si vlastní ikonu
Náhled a stažení
Průvodce
Průvodce generátorem faviconů: velikosti, soubory a potřebný HTML kód
Jaké soubory faviconů web potřebuje a jak je přidat.
Co je to generátor favikonů?
Favicon je malá ikona, která se zobrazuje v záložkách prohlížeče, v záložkách a ve výsledcích vyhledávání vedle názvu vašeho webu. Díky dobré ikoně lze vaši záložku snadno najít mezi mnoha dalšími.
Tento generátor nakreslí vaši ikonu na plátno ve všech velikostech, které potřebujete, a umožní vám stáhnout každý soubor, včetně souboru favicon.ico s více velikostmi, spolu s odkazovými tagy, které můžete přidat na svou stránku.
Proč lidé používají generátor favikonů
Stávající loga
Ořízněte logo do čtverce a exportujte všechny velikosti, které vyžadují prohlížeče a mobilní telefony.
Webové aplikace a PWA
Stáhněte si ikony ve formátu PNG o rozměrech 192 a 512 pixelů, které vyžaduje manifest webové aplikace, a navíc ikonu Apple Touch.
Vysvětlení velikostí favikonů
favicon.ico je klasický soubor umístěný v kořenovém adresáři vašeho webu. Tento nástroj sdružuje verze o velikosti 16, 32 a 48 pixelů do jednoho souboru ICO. Soubory PNG o rozměrech 16×16 a 32×32 jsou vhodné pro moderní prohlížeče a rozlišení 32×32 vypadá ostřeji na displejích s vysokou hustotou pixelů. Soubor apple-touch-icon.png o rozměrech 180×180 se používá, když si někdo přidá váš web na domovskou obrazovku iPhonu nebo iPadu.
Soubory PNG o rozměrech 192×192 a 512×512 jsou velikosti, které používají systém Android a instalovatelné webové aplikace; uveďte je v manifestu své webové aplikace. Vyhledávače mohou ve výsledcích zobrazovat také favikonu a Google vyžaduje čtvercovou ikonu, jejíž velikost je násobkem 48 pixelů, což splňují soubory o velikosti 48 a 192.
Jak používat generátor favikonů
- Vyberte možnost „Text“ nebo „Obrázek“. V případě textu zadejte jeden nebo dva znaky případně emodži a vyberte barvy. V případě obrázku vyberte soubor.
- Vyberte si tvar: čtverec, zaoblený tvar nebo kruh.
- Podívejte se na náhledy v jednotlivých velikostech. Malé velikosti jsou zobrazeny ve skutečné velikosti v pixelech.
- Stáhněte si potřebné soubory nebo použijte možnost „Stáhnout vše“ a poté zkopírujte HTML kód do sekce <head> vaší stránky.
Jednoduché tipy
- Jeden nebo dva znaky se nejlépe čtou při velikosti 16 pixelů. Dlouhá slova se pak stávají rozmazanými.
- Použijte výrazný kontrast mezi ikonou a jejím pozadím, aby byla čitelná jak na světlých, tak na tmavých záložkách.
- U log s velkým množstvím detailů použijte zjednodušenou verzi nebo pouze iniciálu.
- Soubory umístěte do kořenového adresáře vašeho webu, aby odkazy ve výňatku fungovaly, nebo upravte cesty tak, aby odpovídaly vašim složkám.
Omezení a ochrana osobních údajů
Ochrana osobních údajů
Obrázek se vykresluje a jeho velikost se upravuje přímo ve vašem prohlížeči. Nic se nenahrává a soubory se vytvářejí na vašem zařízení až při jejich stažení.
Omezení
Soubor ICO obsahuje pouze obrázky o velikosti 16, 32 a 48 pixelů. Obrázky jsou oříznuty na vycentrovaný čtverec, takže pokud potřebujete jinou část, nejprve si logo ořízněte. Prohlížeče někdy ukládají staré favikony do mezipaměti na dlouhou dobu, takže se nová ikona může zobrazit až po chvíli.
Často kladené otázky
Často kladené otázky k generátoru favikonů
Co je to favicon?
Favicon je malá ikona, která se zobrazuje v záložkách prohlížeče, v záložkách a někdy i ve výsledcích vyhledávání vedle názvu vašeho webu.
Jaké velikosti faviconů potřebuji?
Soubor favicon.ico (16, 32 a 48 pixelů), obrázek ve formátu PNG o rozměrech 32×32, ikona Apple Touch o rozměrech 180×180 a obrázky ve formátu PNG o rozměrech 192×192 a 512×512, pokud lze váš web nainstalovat jako aplikaci. Tento nástroj je všechny vytvoří.
Jak přidám favikon na svůj web?
Nahrajte soubory na svůj web, obvykle do kořenové složky, a vložte vygenerované odkazové tagy do sekce <head> vašeho HTML kódu. Pokud jsou vaše soubory umístěny jinde, upravte příslušné cesty.
Mohu si z emodži vytvořit favikonu?
Ano. Vyberte možnost „Text“ a zadejte emoji nebo libovolný jeden či dva znaky. Vyberte barvu pozadí a tvar a ikona se vám automaticky nakreslí.
Jaký obrázek mám nahrát?
Nejlépe se hodí čtvercový obrázek o rozměrech alespoň 512×512 pixelů ve formátu PNG, JPG nebo WebP. Obrázky jiných tvarů budou oříznuty na vycentrovaný čtverec.
Podporuje průhledné pozadí?
Ano. Pokud zrušíte zaškrtnutí políčka „Vyplnit pozadí“, soubor PNG s průhledným pozadím si tuto vlastnost zachová. V případě textu se písmena vykreslují na průhledné ikoně.
Proč se mi nezobrazuje moje nová favikona?
Prohlížeče ukládají favikony do mezipaměti velmi intenzivně. Chcete-li si novou ikonu prohlédnout, zkuste provést tvrdý refresh, vymazat mezipaměť nebo otevřít stránku v anonymním okně.
Je můj obrázek nahrán na server?
Ne. Ikona se vytváří ve vašem prohlížeči a soubory se generují na vašem zařízení.
Od uživatelů tohoto nástroje
Recenze
Načítání recenzí…
Pokračuj
Další nástroje v krabici
Na úvodní stránce najdete desítky dalších bezplatných nástrojů, které nevyžadují API klíč.
Generátor UUID
Hromadně generujte UUID ve formátech v4, v7 a v5.
Otevřít nástrojPřevodník CSV do JSON
Převést data ve formátu CSV do čistého formátu JSON.
Otevřít nástrojKalkulačka slev
Vypočítejte prodejní ceny a procentuální slevy.
Otevřít nástrojTest rychlosti psaní
Změřte si počet slov za minutu a přesnost.
Otevřít nástroj