Що входить у пакет favicon
Пакет favicon зазвичай містить favicon.ico та найпоширеніші розміри PNG.
Генерація їх разом допомагає уникнути відсутніх assets під час запуску.
Генератор favicon / App Icon
Завантажте одне квадратне вихідне зображення й згенеруйте пакет favicon з app icons і стартовим web manifest.
Файл не вибрано
Завантажте одне квадратне зображення, щоб переглянути його тут перед генерацією.
| Файл | Пікселі |
|---|---|
favicon.icoІконка | 16 x 16, 32 x 32, 48 x 48 |
favicon-16x16.pngІконка | 16 x 16 |
favicon-32x32.pngІконка | 32 x 32 |
favicon-48x48.pngІконка | 48 x 48 |
favicon-96x96.pngІконка | 96 x 96 |
favicon-128x128.pngІконка | 128 x 128 |
favicon-180x180.pngІконка | 180 x 180 |
favicon-196x196.pngІконка | 196 x 196 |
apple-touch-icon.pngІконка | 180 x 180 |
apple-touch-icon-precomposed.pngІконка | 180 x 180 |
android-chrome-192x192.pngІконка | 192 x 192 |
android-chrome-512x512.pngІконка | 512 x 512 |
site.webmanifestManifest | н/д |
Про генерацію favicon та іконок застосунку
Генератори favicon перетворюють одне вихідне зображення на набір іконок, потрібний сайту або вебзастосунку. Зазвичай це охоплює вкладки браузера, touch icons, Android assets і файли, готові для manifest.
Apple touch icons, Android icons і файли manifest
Сучасним налаштуванням також потрібні Apple touch icons, Android icons і підтримка manifest.
Пакування цих результатів спрощує розгортання й налаштування PWA.
Підготовка вихідної графіки
Вихідна графіка працює найкраще, коли вона квадратна, проста й читабельна в малих розмірах.
Чиста графіка дає чіткіший результат у 16x16, 32x32 та інших крихітних експортованих розмірах.
Поширені запитання
Відповіді про вимоги до вихідного зображення, згенеровані favicon-файли, опцію круглої іконки та що робити із завантаженим пакетом після цього.
Інші інструменти
Перегляньте всі окремі сторінки інструментів із головного центру або центрального селектора в заголовку.
Зображення
Конвертер WebP
Конвертуйте до 10 зображень JPEG, PNG або WebP у WebP з пресетами якості та ZIP-завантаженнями.
Відкрити Конвертер WebP
Кольори й CSS
Конвертер кольорів
Конвертуйте між hex, RGB, HSL, OKLCH і OKLAB, перевіряючи контраст і експортуючи CSS-ready токени.
Відкрити Конвертер кольорів
Формати даних
Конвертер JSON / YAML / TOML
Валідуйте, prettify, minify і конвертуйте JSON, YAML і TOML із чіткими попередженнями сумісності.
Відкрити JSON / YAML / TOML
Формати даних
Валідатор CSV
Валідуйте CSV-файли й вставлені рядки з виявленням роздільника, перевірками заголовків, списками проблем і розібраними попередніми переглядами.
Відкрити Валідатор CSV
Текст
Регістр / Slug / Escape
Конвертуйте текст у camelCase, snake_case, kebab-case, PascalCase, slug і поширені екрановані форми.
Відкрити Регістр / Slug / Escape
Текст
Валідатор Markdown і попередній перегляд
Валідуйте структуру Markdown, переглядайте відрендерений вивід і знаходьте типові авторські проблеми перед публікацією.
Відкрити Валідатор Markdown