Co balíček favicon obsahuje
Balíček favicon obvykle obsahuje favicon.ico a nejběžnější velikosti PNG ikon.
Jejich generování najednou pomáhá předejít chybějícím assetům při spuštění.
Nahrajte jeden čtvercový zdrojový obrázek a vygenerujte balíček favicon s ikonami aplikace a základním webovým manifestem.
| Soubor | Pixely |
|---|---|
favicon.icoIkona | 16 x 16, 32 x 32, 48 x 48 |
favicon-16x16.pngIkona | 16 x 16 |
favicon-32x32.pngIkona | 32 x 32 |
favicon-48x48.pngIkona | 48 x 48 |
favicon-96x96.pngIkona | 96 x 96 |
favicon-128x128.pngIkona | 128 x 128 |
favicon-180x180.pngIkona | 180 x 180 |
favicon-196x196.pngIkona | 196 x 196 |
apple-touch-icon.pngIkona | 180 x 180 |
apple-touch-icon-precomposed.pngIkona | 180 x 180 |
android-chrome-192x192.pngIkona | 192 x 192 |
android-chrome-512x512.pngIkona | 512 x 512 |
site.webmanifestManifest | n/a |
Generátory favicon převádějí jeden zdrojový obrázek do sady ikon, kterou web nebo webová aplikace potřebuje. Obvykle to zahrnuje karty prohlížeče, touch ikony, Android assety a soubory připravené pro manifest.
Balíček favicon obvykle obsahuje favicon.ico a nejběžnější velikosti PNG ikon.
Jejich generování najednou pomáhá předejít chybějícím assetům při spuštění.
Moderní nasazení navíc potřebují Apple touch ikony, Android ikony a podporu manifestu.
Když jsou tyto výstupy v jednom balíčku, je nasazení i nastavení PWA jednodušší.
Zdrojová grafika funguje nejlépe, když je čtvercová, jednoduchá a čitelná i v malých velikostech.
Čistá grafika dává ostřejší výsledky při exportu 16x16, 32x32 a dalších malých ikon.
Odpovědi o požadavcích na zdrojový obrázek, generovaných souborech favicon, kruhové variantě ikon a o tom, co dělat se staženým balíčkem dál.
Procházejte všechny samostatné stránky nástrojů z úvodního rozcestníku nebo z vycentrovaného selektoru v záhlaví.
Obrázky
Převeďte až 10 obrázků JPEG, PNG nebo WebP do formátu WebP s předvolbami kvality a stahováním ZIP.
Barvy a CSS
Převádějte mezi hex, RGB, HSL, OKLCH a OKLAB, kontrolujte kontrast a exportujte tokeny připravené pro CSS.
Datové formáty
Validujte, formátujte, minifikujte a převádějte JSON, YAML a TOML s jasnými upozorněními na kompatibilitu.
Datové formáty
Validujte soubory CSV a vložené řádky pomocí detekce oddělovače, kontrol záhlaví, seznamu problémů a parsovaných náhledů.
Text
Převádějte text do camelCase, snake_case, kebab-case, PascalCase, slugů a běžných escapovaných podob.
Text
Validujte strukturu Markdownu, zobrazte si vykreslený výstup a zachyťte běžné autorské chyby ještě před publikováním.