Favicon Generator

Повний набір favicon — ICO, розміри PNG, іконка Apple, вебманіфест — з одного зображення, просто в браузері.

Про Favicon Generator

Що це

Цей інструмент робить з одного зображення всі іконки, потрібні сайту: favicon.ico, PNG від 16 до 512 пікселів, іконку Apple і маніфест вебзастосунку, а також HTML для <head>. Перегляди показують, як іконка виглядає у вкладці браузера та на головних екранах iOS і Android. Із SVG інструмент робить ще й чистий векторний icon.svg.

Основні можливості

  • favicon.ico, PNG на 16, 32, 180, 192 і 512 px і site.webmanifest в одному ZIP.
  • Векторний icon.svg, коли джерело — SVG.
  • Перегляди для вкладки браузера, головного екрана iOS і Android.
  • Відступи, прозорий чи кольоровий фон, назва застосунку, коротка назва й колір теми.
  • HTML-фрагмент для <head>.

Як користуватися

  1. Перетягніть зображення на область, клацніть її, щоб обрати файл, або натисніть «Приклад».
  2. Задайте відступи й фон, а за бажанням — назву застосунку й колір теми.
  3. Перевірте перегляди.
  4. Завантажте ZIP і скопіюйте HTML-фрагмент у <head> своєї сторінки.

Коли корисно

  • За кілька хвилин дати новому сайту чи вебзастосунку іконки.
  • Замінити розмитий чи відсутній favicon.
  • Зробити іконку головного екрана для прогресивного вебзастосунку.

Конфіденційність та обмеження

Ваші дані

Ваше зображення обробляється в браузері й не завантажується на сервер — сайт отримує лише анонімну подію «інструмент відкрито», без вмісту. Результат, надісланий в інший інструмент, зберігається на цьому пристрої 24 години в «Останніх діях».

Обмеження

  • Растрове джерело, менше за 512 px, виглядатиме м'яко в найбільших розмірах; інструмент про це попередить.
  • Неквадратне зображення вписується в квадрат по центру, а не розтягується.

Поширені запитання

Які файли я отримаю?

favicon.ico для старих браузерів, PNG favicon-16x16 і favicon-32x32 для вкладок, apple-touch-icon.png для iOS, PNG на 192 і 512 px для Android і маніфесту, site.webmanifest, а для SVG-джерела — ще й icon.svg.

Яке зображення найкраще підходить?

Квадратний SVG або PNG щонайменше 512×512 px із простою формою. Дрібні деталі зникають на 16 px, тож чіткий знак читається краще, ніж повний логотип із текстом.

Як додати іконки на сайт?

Розпакуйте ZIP у корінь сайту й вставте HTML-фрагмент у <head> своїх сторінок.