Какво включва един пакет с favicon
Пакетът с favicon обикновено включва favicon.ico плюс най-често използваните PNG размери.
Генерирането им заедно помага да избегнете липсващи ресурси при пускане.
Генератор на favicon / икони за приложение
Качете едно квадратно изходно изображение и генерирайте пакет с favicon, икони за приложение и начален 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.webmanifestМанифест | н/п |
За генерирането на favicon и икони за приложения
Генераторите на favicon превръщат едно изходно изображение в набора от икони, от който един сайт или уеб приложение се нуждае. Това обикновено включва икони за браузърни табове, touch icons, Android ресурси и файлове, готови за manifest.
Apple touch icons, Android икони и manifest файлове
Съвременните настройки имат нужда и от Apple touch icons, Android икони и поддръжка за manifest.
Обединяването на тези изходи прави деплойването и настройката на PWA по-лесни.
Подготовка на изходното изображение
Изходното изображение работи най-добре, когато е квадратно, опростено и четимо при малки размери.
Чистото изображение дава по-ясни резултати при 16x16, 32x32 и други малки експорти.
Често задавани въпроси
Отговори за изискванията към изходното изображение, генерираните favicon файлове, опцията за кръгли икони и какво да направите с изтегления пакет след това.
Други инструменти
Разгледайте всяка отделна страница с инструмент от началния хъб или от центрирания селектор в заглавната част.
Изображения
WebP конвертор
Конвертирайте до 10 JPEG, PNG или WebP изображения в WebP с preset-и за качество и ZIP изтегляния.
Отвори WebP конвертор
Цветове и CSS
Конвертор на цветове
Конвертирайте между hex, RGB, HSL, OKLCH и OKLAB, като проверявате контраста и експортирате готови за CSS токени.
Отвори Конвертор на цветове
Формати на данни
JSON / YAML / TOML конвертор
Валидирайте, форматирайте, минифицирайте и конвертирайте JSON, YAML и TOML с ясни предупреждения за съвместимост.
Отвори JSON / YAML / TOML
Формати на данни
CSV валидатор
Валидирайте CSV файлове и поставени редове с откриване на разделители, проверки на заглавки, списъци с проблеми и парсирани прегледи.
Отвори CSV валидатор
Текст
Case / Slug / Escape
Преобразувайте текст в camelCase, snake_case, kebab-case, PascalCase, slug-ове и често използвани escape форми.
Отвори Case / Slug / Escape
Текст
Markdown валидатор и преглед
Валидирайте структурата на Markdown, преглеждайте рендерирания изход и улавяйте често срещани авторски проблеми преди публикуване.
Отвори Markdown валидатор