Руководство

Фавикон для Webflow

Webflow сохраняет ваш значок в настройках проекта и передает его из своей CDN на каждой опубликованной странице. Загрузите квадрат размером 32 × 32 PNG или ICO. В противном случае источник Webflow размером 256 × 256+ уменьшит масштаб.

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

Откройте свой проект → Настройки проекта → Общие → Фавикон. Webflow принимает PNG, ICO или GIF и вставляет правильные теги <link rel="icon"> при публикации.

Для вкладок Retina и установки iOS на главном экране также добавьте значки apple-touch-icon и PWA с помощью специального кода в настройках сайта, если ваш план разрешает встраивание в <head>.

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

  1. 1

    Создать квадратный значок

    Используйте наш генератор значков — экспортируйте .ico плюс 180×180 apple-touch-icon.

  2. 2

    Настройки проекта → Фавиконка

    Загрузите свой PNG или ICO.

  3. 3

    Публиковать

    Webflow помещает значок на каждую страницу вашего личного домена.

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

Создайте готовый значок Webflow.

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

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

Какой размер значка использует Webflow?+

Целевым размером загрузки является 32×32, но начните с 256×256 или 512×512, чтобы масштабирование оставалось четким.

Почему мой значок Webflow не обновляется?+

Опубликуйте сайт после изменения актива. Браузеры кэшируют значки — принудительно обновите или добавьте ?v=2 к URL-адресу в пользовательском коде.

Могу ли я использовать значок SVG на Webflow?+

Встроенный загрузчик ожидает растровые форматы. Добавьте SVG с помощью пользовательского кода в «Настройки проекта» → «Пользовательский код» → «Заголовок», если вам нужен векторный + темный режим.

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

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

Руководства