Mit tartalmaz egy favicon-csomag
Egy favicon-csomag általában tartalmazza a favicon.ico fájlt és a leggyakoribb PNG-méreteket.
Együtt generálva őket kisebb az esélye, hogy induláskor hiányzó asset marad.
Tölts fel egy négyzetes forrásképet, és generálj favicon-csomagot appikonokkal és induló web manifesttel.
| Fájl | Pixelek |
|---|---|
favicon.icoIkon | 16 x 16, 32 x 32, 48 x 48 |
favicon-16x16.pngIkon | 16 x 16 |
favicon-32x32.pngIkon | 32 x 32 |
favicon-48x48.pngIkon | 48 x 48 |
favicon-96x96.pngIkon | 96 x 96 |
favicon-128x128.pngIkon | 128 x 128 |
favicon-180x180.pngIkon | 180 x 180 |
favicon-196x196.pngIkon | 196 x 196 |
apple-touch-icon.pngIkon | 180 x 180 |
apple-touch-icon-precomposed.pngIkon | 180 x 180 |
android-chrome-192x192.pngIkon | 192 x 192 |
android-chrome-512x512.pngIkon | 512 x 512 |
site.webmanifestManifest | n/a |
A favicon-generátorok egy forrásképből elkészítik azt az ikonkészletet, amelyre egy webhelynek vagy webalkalmazásnak szüksége van. Ez általában lefedi a böngészőfüleket, touch ikonokat, Android-asseteket és manifest-kész fájlokat.
Egy favicon-csomag általában tartalmazza a favicon.ico fájlt és a leggyakoribb PNG-méreteket.
Együtt generálva őket kisebb az esélye, hogy induláskor hiányzó asset marad.
A modern beállításokhoz Apple touch ikonok, Android-ikonok és manifest-támogatás is kell.
Ezeknek a kimeneteknek az összecsomagolása egyszerűbbé teszi a telepítést és a PWA-beállítást.
A forrásgrafika akkor működik a legjobban, ha négyzetes, egyszerű és kis méretben is olvasható.
A tiszta grafika élesebb eredményt ad 16x16, 32x32 és más apró exportoknál.
Válaszok a forráskép-követelményekről, a generált favicon-fájlokról, a kör alakú ikon opcióról és arról, mit tegyél a letöltött csomaggal.
Böngészd az összes külön eszközoldalt a kezdőlap központjából vagy a középre igazított fejlécválasztóból.
Képek
Konvertálj legfeljebb 10 JPEG-, PNG- vagy WebP-képet WebP-vé minőségi presetekkel és ZIP-letöltésekkel.
Szín és CSS
Konvertálj hex, RGB, HSL, OKLCH és OKLAB között kontrasztellenőrzéssel és CSS-kész tokenek exportálásával.
Adatformátumok
Validálj, formázz, minify-olj és konvertálj JSON-t, YAML-t és TOML-t világos kompatibilitási figyelmeztetésekkel.
Adatformátumok
Validálj CSV-fájlokat és beillesztett sorokat elválasztófelismeréssel, fejlécellenőrzéssel, problémalistákkal és parse-olt előnézetekkel.
Szöveg
Alakíts szöveget camelCase, snake_case, kebab-case, PascalCase, slug és gyakori escapelt formákra.
Szöveg
Validáld a Markdown-szerkezetet, nézd meg a renderelt kimenetet, és kapd el a gyakori szerzői problémákat publikálás előtt.