Створюйте файли фавіконів різних розмірів (від 16x16 до 512x512) із будь-якого зображення. Безкоштовно, миттєво та повністю працює у вашому браузері.
Підтримує PNG, JPG, SVG, WebP. Макс. 10 Мб.
Фавікон — це маленький значок, який відображається на вкладках, закладках і списках історії веб-переглядача. Оригінальний фавікон — ICO-файл 16×16 на /favicon.ico — розширено до складного набору значків різних розмірів для різних платформ: 16×16 і 32×32 для вкладок браузера, 180×180 для головних екранів iOS, 192×192 і 512×512 для Android і різних розмірів для плиток Windows. Створення всього цього з одного вихідного зображення — це те, що робить сучасний генератор значків.
Цей інструмент бере одне вихідне зображення високої роздільної здатності (зазвичай квадратний логотип) і генерує повний набір ресурсів піктограм плюс теги посилань HTML, необхідні для посилання на них. Вихідні дані включають ICO, кілька PNG і файл manifest.json для прогресивних метаданих веб-додатків. Перемістіть отримані файли в корінь вашого сайту та посилайтеся на них через згенерований HTML.
Уся обробка відбувається у вашому браузері. Ні завантаження, ні виклику API, ні обмеження швидкості. Результат працює в усіх сучасних браузерах і операційних системах, які відображають піктограми фавіконів.
Сайти без піктограм виглядають незавершеними. На вкладках веб-переглядача відображається загальний значок; закладки не мають візуального ідентифікатора; сайт виглядає менш професійним. Додавання відповідного набору піктограм сайту — це нескладний і ефективний етап полірування, який свідчить про увагу до деталей.
Сучасні вимоги до значка сайту виросли за межі /favicon.ico. Піктограми головного екрана iOS, піктограми Android Chrome, піктограми плитки Windows і варіанти темного режиму використовують різні файли. Створення їх усіх з одного джерела забезпечує послідовне брендування без керування кожним файлом вручну.
Завантажте вихідне зображення, отримайте повний набір піктограм.
Повний сучасний набір піктограм: favicon.ico (16+32+48 із різною роздільною здатністю), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png. Плюс site.webmanifest для PWA, browserconfig.xml для Windows.
Кожен PNG створюється за допомогою зменшення дискретизації на основі полотна з джерела. ICO створюється в JavaScript шляхом об’єднання версій 16/32/48 у формат ICO з різною роздільною здатністю за допомогою запису DataView.
Теги посилань HTML посилаються на кожен файл із відповідними атрибутами rel і sizes. Генератор створить їх як готовий для копіювання та вставлення фрагмент для <head> вашого сайту.