Всі інструменти / Маркетинг / Генератор Favicon
Утиліта · Webmaster

Генератор Favicon

Завантаж одне зображення — отримай готовий архів з усіма форматами іконок для сайту та HTML-код для вставки.

Перетягни логотип або
JPG · PNG · WEBP (Рекомендовано 512×512 px)

Чому сайту потрібен правильний набір Favicon?

Favicon (від англ. “favorite icon”) — це маленьке зображення, яке відображається у вкладці браузера, в історії пошуку та на панелі закладок. Раніше було достатньо одного файлу формату .ico, але сучасний веб вимагає різних розмірів іконок для коректного відображення на різних пристроях: екранах Retina від Apple, планшетах та смартфонах на Android. Наш онлайн-генератор створює повний та сучасний пакет іконок з одного зображення за секунду.

Які формати створює генератор?

  • Класичні Favicons (16×16 та 32×32): Обов’язковий стандарт для всіх десктопних браузерів (Chrome, Firefox, Safari). Забезпечують чітке відображення у вкладках.
  • Apple Touch Icon (180×180): Спеціальний розмір високої роздільної здатності для пристроїв на iOS (iPhone та iPad). Використовується, коли користувач додає ваш сайт на головний екран свого пристрою.
  • Android Chrome Icons (192×192 та 512×512): Великі іконки, які використовуються системою Android та у PWA-додатках (Progressive Web Apps).
  • site.webmanifest: Автоматично згенерований JSON-файл конфігурації, який “розповідає” мобільним браузерам, як правильно відображати іконку вашого сайту.

Як зробити іконку для сайту безкоштовно?

Підготуйте квадратне зображення вашого логотипу (рекомендований розмір — щонайменше 512×512 пікселів) у форматі PNG, JPG або WebP. Перетягніть його в зону завантаження нашого генератора. Інструмент автоматично обріже зображення по центру (якщо воно не квадратне) та створить усі необхідні розміри. Вам залишиться лише завантажити ZIP-архів з іконками, розпакувати його в кореневу папку вашого сайту та скопіювати згенерований HTML-код у блок <head> вашої веб-сторінки.

Часті питання

Ми рекомендуємо завантажувати квадратне зображення розміром не менше 512x512 пікселів. Це забезпечить максимальну чіткість найважливіших іконок, зокрема для Android та Retina-екранів Apple.

Так, якщо ви завантажите логотип у форматі PNG або WebP із прозорим фоном, усі згенеровані іконки також збережуть прозорість, що ідеально виглядає в темних та світлих темах браузерів.

Завантажте ZIP-архів та розпакуйте всі файли в головну (кореневу) директорію вашого сайту. Потім скопіюйте згенерований HTML-код (надається нижче прев'ю іконок) і вставте його між тегами та у шаблоні вашого веб-сайту.

Сучасні стандарти веб-розробки (W3C) більше не вимагають використання застарілого формату .ico. Всі сучасні браузери (включаючи останні версії Safari та Edge) чудово розуміють іконки у форматі .png, які важать менше та підтримують кращу прозорість.