Generátor favicon
Obraťte jednoduchý obrázek do ikony tabulky webové stránky (favicon) a balíčku ikony webové stránky. Ujistěte se, že design zůstává rozpoznatelný v malých rozměrech, stáhněte soubory a postupujte podle uvedeného příkladu instalace.
Předtím než začnete
- vstup
- Jedno JPG, PNG nebo statický WebP obrázek.
- Výstup
- ZIP s ICO, PNG ikony, manifest a HTML příklad.
Nabíjecí nástroj...
Jak používat tento nástroj
- Vyberte si JPG, PNG nebo statický WebP obrázek.
- Pěstujte na čtvereční nebo přidejte padding a zkontrolujte předpovědi ikony.
- Stáhněte si ZIP a přizpůsobte příkladové trasy vašemu webu.
Pochopte výsledek
Ikon stránky tab (favicon) se často objevuje ve velmi malém rozměru. Jasný symbol nebo písmeno obvykle funguje lépe než detailní umělecké dílo nebo malý text. Generované soubory stále potřebují být nahrány a odkazovány vaší webovou stránkou.
Proč je ikona taby (favicon) na mém webu bledá nebo příliš malá?
Rozsáhlý výraz nebo detailní fotografie se mohou stát nečitelnými v malém prohlížeči. Začněte jednoduchým čtverečním symbolem a zkontrolujte skutečné 16-pixelové a 32-pixelové předpovědi. Padding zachovává plný zdroj, ale může zanechat široké logo velmi malé; čtvercové kopání vyplňuje ikonu a může odříznout jeho okraje. Zkontrolujte obě možnosti před instalací výsledku.
Které webové stránky tab ikona (favicon) soubory bych měl nahrát na své webové stránky?
ZIP zahrnuje favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Příkladem jsou linkové značky. Nejprve extrahujte archiv; stahování pouze ZIP neinstaluje ikonu. Příkladové cesty předpokládají, že soubory se nacházejí v kořenech webové stránky. Přizpůsobte tyto trasy pro jinou složku, nebo použijte nastavení ikony webu vaší platformy, pak zkontrolujte publikovanou stránku a její cache.
Vyzkoušejte vzorek
Vyzkoušejte originální vzorek pro kontrolu podporovaného pracovního toku. Úspěšný vzorek není zárukou pro každý vstup.
originální vzorek ↓Pokud výsledek není to, co jste očekávali
Stránka stále zobrazuje starou ikonu.
Generace souborů je neinstaluje. Podívejte se na ikonu URL a označení stránky, pak vymazat cache stránky a zkoušet novou prohlížečovou sezení. Ikony prohlížeče a výsledků vyhledávání mohou být aktualizovány v různých časech.
Další užitečný nástroj: SVG do PNG →Důležité limity
- Obrazový vstup pouze; převést SVG na PNG nejprve.
- Nástroj nemění konfiguraci vašeho webu.
- Podívejte se na své vlastní webové stránky po instalaci ikon, protože chování caching a platformy se může lišit.
- Maximální 10 MB 12 milionů pixelů. Výstup zahrnuje ICO, PNG ikony, webmanifest a příklad HTML v ZIP.
Často kladené otázky
Instaluje to na mém webu ikonu záložky webové stránky (favicon)?
A ne. Připravuje soubory a příklad. Stáhněte si soubory a aktualizujte trasy nebo nastavení vašeho webu.
Znamená to, že můj web je PWA?
A ne. Ikonové soubory a základní webmanifest jsou pouze součástí nastavení webové aplikace.
Proč je můj logo těžké číst na 16 pixelů?
Dokonalé detaily mohou zmizet v takové velikosti. Zkuste jednodušší symbol, silnější tvar nebo více prostoru kolem značky.
Související průvodce
Otázka nebo korekce? mrkcal@mrkcal.com