Generátor favicon
Obráťte jednoduchý obrázok do ikony webovej tabuľky (favicon) a webovej ikony balíka. Uistite sa, že dizajn zostáva rozpoznateľný v malých veľkostiach, stiahnite súbory a postupujte podľa priloženého príkladu inštalácie.
Predtým ako začnete
- vstupné
- Jedno JPG, PNG alebo statický WebP obrázok.
- Výstup
- ZIP s ICO, PNG ikony, manifest a HTML príklad.
Nákladné nástroje...
Ako používať tento nástroj
- Vyberte si JPG, PNG alebo statický webP obrázok.
- Rastlina na štvorcový alebo pridať padding a skontrolovať ikonu predbežné zobrazenia.
- Stiahnite si ZIP a prispôsobte príkladové trasy vašej webovej stránky.
Rozumieť výsledku
Ikon tabuľky webovej stránky (favicon) sa často zobrazuje vo veľmi malom rozmeru. Jasný symbol alebo písmeno zvyčajne funguje lepšie ako podrobné umelecké dielo alebo malý text. Generované súbory stále potrebujú byť nahrané a odkazované vašou webovou stránkou.
Prečo je ikona tabuľky (favicon) na mojej webovej stránke bludná alebo príliš malá?
Široká slovná značka alebo podrobná fotografia sa môže stať nečitateľnou v malom prehliadači. Začnite jednoduchým štvorcovým symbolom a skontrolujte skutočné 16-pixelové a 32-pixelové predpovede. Padding zachováva celý zdroj, ale môže zanechať široké logo veľmi malé; štvorcové kopanie vyplní ikonu a môže odrezávať jeho okraje. Pozrite sa na obe možnosti pred inštaláciou výsledku.
Ktoré webové stránky tab ikona (favicon) súbory by som mal nahrať na moju webovú stránku?
ZIP zahŕňa favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Napríklad s linkovými značkami. Najprv vytiahnite archív; nahrávanie samotného ZIP nainštaluje ikonu. Príkladové cesty predpokladajú, že súbory sa nachádzajú na koreňovej stránke. Prispôsobte tieto cesty inému priečinku, alebo použite nastavenie ikony lokality platformy a potom skontrolujte publikovanú stránku a jej cache.
Vyskúšajte vzorku
Vyskúšajte originálny vzorec na kontrolu podporovaného pracovného toku. Úspešná vzorka nie je zárukou pre každý vstup.
Pôvodný obrázok vzorky ↓Ak výsledok nie je to, čo ste očakávali
Stránka stále zobrazuje starú ikonu.
Generácia súborov ich neinštaluje. Skontrolujte URL ikony a značku stránky, potom vymažte cache lokality a skúste novú prehliadačovú reláciu. Ikony prehliadača a výsledkov vyhľadávania môžu byť aktualizované v rôznych časoch.
Ďalšie užitočné nástroje: SVG do PNG →Dôležité limity
- Obrazový vstup iba; Konvertovať SVG na PNG najprv.
- Nástroj nezmení konfiguráciu webovej stránky.
- Skontrolujte svoju vlastnú webovú stránku po inštalácii ikón, pretože caching a správanie platformy sa môžu líšiť.
- Maximálne 10 MB 12 miliónov pixelov. Výstup zahŕňa ICO, PNG ikony, webmanifest a príklad HTML v ZIP.
Často kladené otázky
Nainštaluje to na mojej webovej stránke ikonu tabuľky (favicon)?
No nie. Pripravuje súbory a príklad. Nahrať súbory a aktualizovať cesty alebo nastavenia vašej webovej stránky.
Urobí tento balík môj web PWA?
No nie. Ikonové súbory a základný webmanifest sú len súčasťou nastavenia webovej aplikácie.
Prečo je moje logo ťažké čítať na 16 pixelov?
Úžasné detaily môžu zmiznúť v tejto veľkosti. Vyskúšajte jednoduchší symbol, silnejšiu formu alebo viac priestoru okolo značky.
Súvisiace sprievodcovia
Otázky alebo korekcia? mrkcal@mrkcal.com