Генератор фавіконок
FreeЗавантажте зображення й отримайте повний пакет favicon: favicon.ico, кожен розмір PNG, якого очікують браузери та пристрої, apple-touch-icon, значки Android, site.webmanifest і HTML для вставлення, усе в одному ZIP.
Працює повністю у вашому браузері. Ваше зображення ніколи нікуди не завантажується.
Клацніть, щоб вибрати зображення, чи перетягніть одне сюди
Квадратне зображення працює найкраще, але підійде будь-який розмір і форма.
Неквадратні зображення
Дані додатка (для site.webmanifest)
Створені розміри
Недавня Активність
Видно всім. Останні 20 використань серед усіх відвідувачів, найновіші спочатку.
Favicon set generated
1 годину тому
Favicon set generated
1 годину тому
Favicon set generated
1 годину тому
Favicon set generated
1 годину тому
Що робить цей інструмент
Завантажте логотип або зображення, і цей інструмент створить повний пакет favicon: favicon.ico з кількома роздільними здатностями, окремі PNG у кожному розмірі, якого очікують сучасні браузери та пристрої, apple-touch-icon, значки Android Chrome, попередньо заповнений site.webmanifest і точні HTML-теги для вставлення в <head> вашої сторінки, все об'єднано в одному завантаженні ZIP.
Як Це Працює
Ваше зображення малюється на HTML-полотні в кожному цільовому розмірі (16, 32, 48, 180, 192 і 512 пікселів), обрізане до центрованого квадрата або доповнене кольором фону, залежно від вашого вибору. Потім три найменші розміри пакуються в один favicon.ico за допомогою формату ICO із вбудованим PNG, легкого бінарного контейнера, який правильно читає кожен сучасний браузер і операційна система. Все, аж до самого файлу ZIP, збирається у вашому браузері; нічого не завантажується.
Проблеми, які це вирішує
- Створення кожного розміру favicon, потрібного сучасному сайту, з одного вихідного зображення, замість ручної зміни розміру кожного.
- Створення правильно структурованого багаторозмірного favicon.ico без спеціалізованого графічного програмного забезпечення.
- Отримання готового до використання site.webmanifest та відповідних HTML-тегів, а не лише файлів зображень.
- Попередній перегляд того, як значок виглядатиме насправді на вкладці браузера перед публікацією.
Часті запитання
›Навіщо мені стільки різних розмірів?
Різні платформи вимагають різних розмірів: вкладки браузера зазвичай використовують 16x16 або 32x32, значки головного екрана iOS використовують 180x180, а запити на встановлення Android Chrome і PWA використовують 192x192 і 512x512. Надання всіх них означає, що ваш значок виглядає чітко скрізь, а не розтягнутим або розмитим на деяких пристроях.
›Що таке favicon.ico і чому він досі потрібен поряд із PNG?
Формат .ico може об'єднати кілька розмірів (16x16, 32x32, 48x48) в одному файлі, і саме до нього браузери звертаються за замовчуванням, якщо не вказано іншого посилання на значок, включно з дуже старими браузерами та деякими ярликами рівня ОС. Цей інструмент пакує всі три розміри в один дійсний favicon.ico, використовуючи сучасний формат із вбудованим PNG, який підтримує кожен сучасний браузер і ОС.
›Чи варто обрізати, чи доповнювати неквадратне зображення?
Обрізання зберігає кожен піксель на всю область, але обрізає краї неквадратного зображення, добре, якщо ваш логотип уже заповнює кадр. Доповнення зберігає все зображення видимим, додаючи навколо нього колір фону, краще, якщо у вашого логотипа є порожні поля або він не центрований.
›Для чого потрібен site.webmanifest?
Це невеликий JSON-файл, який Android та інші платформи читають, щоб дізнатися назву, значки та колір теми вашого сайту, коли хтось додає його на головний екран або встановлює як прогресивний веб-додаток. Цей інструмент створює файл, уже заповнений щойно створеними значками.
›Чи завантажується мій логотип кудись?
Ні. Кожна зміна розміру, файл ICO та сам ZIP створюються локально у вашому браузері за допомогою Canvas API; ваше зображення ніколи не надсилається на сервер.
Пов'язані Інструменти
Зображення
Налаштувати HSL зображення
Зсувайте відтінок, насиченість та світлоту зображення живими повзунками прямо у вашому браузері.
FreeЗображення
Масове налаштування HSL зображень
Застосуйте те саме налаштування відтінку, насиченості та світлоти до багатьох зображень одразу прямо у вашому браузері.
FreeЗображення
Додати текст на зображення
Додайте один чи кілька власних текстових підписів на зображення прямо у вашому браузері.
FreeЗображення
Видалити фон із зображення (ШІ)
Автоматично виріжте фон із фото за допомогою моделі ШІ на пристрої прямо у вашому браузері.
FreeЗображення
Аналогова колірна схема
Генеруйте гармонійну аналогову колірну палітру з будь-якого базового кольору прямо у вашому браузері.
FreeЗображення
Змішування кольорів
Змішайте два кольори з регульованим балансом, використовуючи просте RGB-змішування, гамма-коректне чи HSL-змішування.
FreeЗображення
Розмиття зображення
Розмийте зображення у вашому браузері за допомогою блокового, гаусового, рухового чи радіального розмиття, потім завантажте результат.
FreeЗображення
Генератор розмитих рамок для зображень
Впишіть ваше фото в квадрат чи інше співвідношення сторін без обрізання, заповнюючи зайвий простір розмитою, збільшеною копією зображення.
Коментарі (0)
Знайшли цей інструмент корисним? Залиште коментар, поділіться порадою, чи скажіть нам, як ми можемо покращити його.
Ще немає коментарів. Будьте першим, хто поділиться думками!