Руководство

Как создать фавиконку

Создание значка занимает 60 секунд: начните с квадрата, создайте .ico разных размеров и свяжите его с HTML <head>. В этом руководстве описан каждый шаг.

Исходное изображение должно быть квадратным и размером не менее 512×512. SVG еще лучше — масштабируется без потери качества.

Минимальная жизнеспособная установка — это один favicon.ico разных размеров. Современные настройки также включают пару SVG, apple-touch-icon 180×180 и пару PNG 192×192 + 512×512 для приглашений на установку PWA.

Как это работает

  1. 1

    Подготовьте квадратный источник

    512×512 PNG или SVG с квадратом viewBox.

  2. 2

    Генерировать

    Используйте наш генератор значков, чтобы объединить все размеры в один .ico.

  3. 3

    Установить

    Перетащите favicon.ico в корень вашего сайта и свяжите его с <head>.

Попробовать сейчас

Создайте свой значок сейчас

Генератор фавиконов

Частые вопросы

Какой самый простой инструмент для создания значка?+

Наш генератор фавиконов — загрузите, нажмите «Создать», скачайте. Никакой регистрации, никакой загрузки на сервер.

Какого размера должно быть исходное изображение?+

Минимум 512×512. SVG идеален.

Нужен ли мне apple-touch-icon?+

Да, если вам нужен чистый значок на главном экране iOS. 180×180 PNG, ссылка через <link rel="apple-touch-icon">.

Связанные инструменты

Больше руководств

Руководства

Откройте для себя FetchFavicon

Категории

Конвертеры

Утилиты

Путеводители

Учебники