Čo obsahuje balík favicon
Balík favicon zvyčajne obsahuje favicon.ico plus najbežnejšie veľkosti PNG.
Ich spoločné generovanie pomáha predísť chýbajúcim assetom pri spustení.
Generátor favicon / ikon aplikácie
Nahrajte jeden štvorcový zdrojový obrázok a vygenerujte balík favicon s ikonami aplikácie a základným webovým manifestom.
Nie je vybraný žiadny súbor
Nahrajte jeden štvorcový obrázok a pred generovaním sa tu zobrazí jeho náhľad.
| Súbor | 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 |
O generovaní favicon a ikon aplikácií
Generátory favicon menia jeden zdrojový obrázok na sadu ikon, ktorú web alebo webová aplikácia potrebuje. Zvyčajne pokrýva karty prehliadača, dotykové ikony, Android assety a súbory pripravené pre manifest.
Apple touch ikony, Android ikony a súbory manifestu
Moderné nastavenia potrebujú aj Apple touch ikony, Android ikony a podporu manifestu.
Zabalenie týchto výstupov zjednodušuje nasadenie aj nastavenie PWA.
Príprava zdrojovej grafiky
Zdrojová grafika funguje najlepšie, keď je štvorcová, jednoduchá a čitateľná v malých veľkostiach.
Čistá grafika vytvára ostrejšie výsledky pri 16x16, 32x32 a ďalších drobných exportoch.
Často kladené otázky
Odpovede o požiadavkách na zdrojový obrázok, generovaných favicon súboroch, voľbe kruhových ikon a tom, čo robiť so stiahnutým balíkom.
Ďalšie nástroje
Prejdite na ľubovoľnú samostatnú stránku nástroja z domovského centra alebo z výberu nástrojov v strede hlavičky.
Obrázky
Prevodník WebP
Preveďte až 10 obrázkov JPEG, PNG alebo WebP na WebP s predvoľbami kvality a ZIP sťahovaním.
Otvoriť Prevodník WebP
Farby a CSS
Prevodník farieb
Prevádzajte medzi hex, RGB, HSL, OKLCH a OKLAB, kontrolujte kontrast a exportujte tokeny pripravené pre CSS.
Otvoriť Prevodník farieb
Dátové formáty
Prevodník JSON / YAML / TOML
Validujte, formátujte, minifikujte a prevádzajte JSON, YAML a TOML s jasnými upozorneniami na kompatibilitu.
Otvoriť JSON / YAML / TOML
Dátové formáty
Validátor CSV
Validujte CSV súbory a vložené riadky pomocou detekcie oddeľovača, kontrol hlavičiek, zoznamov problémov a parsovaných náhľadov.
Otvoriť Validátor CSV
Text
Case / Slug / Escape
Preveďte text na camelCase, snake_case, kebab-case, PascalCase, slugy a bežné escapované tvary.
Otvoriť Case / Slug / Escape
Text
Validátor Markdownu a náhľad
Validujte štruktúru Markdownu, zobrazte vykreslený náhľad a zachyťte bežné autorské problémy pred publikovaním.
Otvoriť Validátor Markdownu