Генератор фавіконів
Створіть PNG для сайту та ICO із розмірами 16px і 32px з одного зображення JPEG, PNG, WebP або статичного SVG. Виберіть розміри PNG і спосіб припасування: обрізання або додавання полів, а потім збережіть зображення й HTML-теги, потрібні для підготовки запуску або зміни логотипа, окремо чи у ZIP. Вибір 192px або 512px також додає приклад налаштування іконок у маніфесті.
Можливості
Створення кількох розмірів разом
Створюйте PNG вибраних розмірів і ICO, що містить разом версії 16px і 32px.
Збереження файлів для встановлення
Об’єднайте зображення й HTML-теги у ZIP, за потреби додавши приклад налаштування іконок у маніфесті.
Як користуватися
Виберіть вихідне зображення
Виберіть одне зображення JPEG, PNG, WebP або статичний SVG.
Вибір розмірів і способу припасування
Виберіть потрібні розміри PNG та спосіб припасування: квадратне обрізання або додавання полів.
Перевірте також малі розміри
Перевірте створені іконки. Зменшення може ускладнити читання тексту й тонких ліній.
Збереження та розміщення на сайті
Розпакуйте ZIP, розмістіть зображення на сайті та адаптуйте шляхи в HTML-тегах до структури сайту.
Корисно для
Підготовка сайту до публікації
Підготовка малих іконок для вкладок та подібних місць, а також зображень для головного екрана.
Заміна іконок під час зміни логотипа
Створіть потрібні розміри з одного вихідного зображення, щоб узгодити іконки сайту.
Використання набору іконок на сайті
Різниця між ICO та PNG
ICO може зберігати зображення кількох розмірів. ICO цього інструмента завжди містить зображення 16×16 і 32×32. PNG створюються окремо для вибраних розмірів.
Вигляд малих іконок
Текст, який легко читати на великому вихідному зображенні, може бути важко розпізнати у 16px або іншому малому розмірі. Перевірте кожен створений розмір.
Розташування зображень і шляхи HTML
У прикладах конфігурації передбачається розміщення в корені сайту. Для іншого розташування відповідно змініть і HTML href, і manifest src.
Маніфест — це приклад налаштування іконок
Створюється, якщо вибрано 192px або 512px. Це не завершує конфігурацію всього вебзастосунку.
Поширені запитання
Чи можна створити ICO без вибору PNG?
Потрібно вибрати щонайменше один розмір PNG. ICO завжди містить зображення 16px і 32px незалежно від вибору PNG.
Чи можна зберегти кілька розмірів разом?
Збережіть зображення та файли для встановлення разом у ZIP. Окремо також можна зберегти зображення й приклади конфігурації.
Чи можна використовувати прямокутне зображення?
Обріжте зображення по центру до квадрата або додайте поля, щоб зберегти його повністю. Налаштування положення зображення та розтягування не передбачені.
Чи з’явиться результат на сайті автоматично після створення?
Публікація автоматично не виконується. Розмістіть зображення на сайті, налаштуйте HTML і маніфест, а потім перевірте вигляд у місці використання.
Обробка файлів
- Введення
- Використовуйте одне зображення JPEG, PNG, WebP або статичний SVG.
- Виведення
- ICO, вибрані файли PNG, HTML і за потреби маніфест. Створюються нерухомі зображення та видаляються метадані.