Настройка favicon и иконок сайта на Tilda

Настраиваем favicon и иконки для существующего сайта на Tilda. Подготавливаем графические файлы, загружаем их в настройки проекта, переопубликовываем сайт и проверяем отображение в браузерах и на мобильных устройствах.

Favicon — небольшая иконка сайта, которая отображается во вкладке браузера, закладках и других элементах интерфейса. Фирменная иконка помогает пользователю быстрее узнавать сайт среди открытых вкладок и делает проект визуально завершённым.

В Tilda favicon настраивается в параметрах SEO сайта. Платформа поддерживает основные форматы иконок, а также позволяет дополнительно использовать SVG-варианты для светлой и тёмной темы браузера. Для корректного отображения подготавливаем исходник под технические требования платформы и проверяем результат после публикации.

Кроме обычного favicon можно настроить Apple Touch Icon для устройств Apple и иконку для Android. Такие изображения используются при сохранении сайта в закладки и добавлении сайта на главный экран устройства.

Если у компании уже есть логотип или знак, адаптируем его под маленький формат иконки. Убираем лишние детали, проверяем читаемость и подготавливаем необходимые файлы без изменения фирменного стиля.

Если готовой иконки нет, можем подготовить простой favicon на основе существующего логотипа или фирменного знака. Разработка нового логотипа и полноценной системы айдентики в эту услугу не входит.

После настройки переопубликовываем страницы сайта и проверяем подключение иконок. Нужно учитывать, что браузеры и поисковые системы могут сохранять старую версию favicon в кэше, поэтому обновление не всегда становится видимым сразу. В поисковой выдаче Яндекса обновление favicon может занимать до двух месяцев.

Если проекту требуется не просто набор иконок, а отдельный Web App Manifest, PWA или нестандартное поведение сайта при установке на устройство, сначала проверяем технические требования и возможность реализации на конкретном проекте Tilda. Такие работы рассчитываем отдельно.

Категория: Разработка

Подкатегория: Доработка сайта

Тип услуги: Настройка favicon и иконок сайта

Платформа: Tilda

Срок: от 1 рабочего дня

Старт — 7 000 ₽

Для сайта, которому необходимо установить или заменить основной favicon.

• проверка текущих настроек;
• подготовка favicon из готового логотипа или знака;
• адаптация изображения под небольшой размер;
• подготовка необходимого файла;
• загрузка favicon в Tilda;
• переопубликация сайта;
• проверка подключения;
• рекомендации по очистке кэша при необходимости.

Бизнес — 12 000 ₽

Для полноценной настройки фирменных иконок сайта.

Всё из пакета Старт, а также:

• комплект основных иконок;
• Apple Touch Icon;
• Android-иконка;
• подготовка файлов из существующего фирменного знака;
• варианты для светлого и тёмного интерфейса при необходимости;
• дополнительный SVG favicon при наличии подходящего исходника;
• проверка отображения;
• финальное тестирование.

Премиум — 20 000 ₽

Для проекта, которому требуется расширенная подготовка и настройка иконок.

Всё из пакета Бизнес, а также:

• расширенная адаптация фирменного знака;
• несколько вариантов иконки для выбора;
• подготовка полного комплекта используемых Tilda иконок;
• проверка светлого и тёмного оформления;
• проверка отображения на основных устройствах и браузерах;
• проверка текущих технических настроек favicon;
• исправление найденных проблем в пределах возможностей Tilda;
• финальная проверка после публикации.

Основной favicon используется браузерами для визуального обозначения сайта. Tilda позволяет загрузить собственную иконку через настройки SEO проекта.

Дополнительно можно настроить Apple Touch Icon и иконку для Android. Они используются в том числе при добавлении сайта на главный экран поддерживаемого устройства.

Для современных браузеров можно дополнительно использовать SVG favicon и подготовить разные варианты для светлой и тёмной темы. SVG используем как дополнительный формат, поскольку его поддержка различается между браузерами.

Если клиент предоставляет готовый фирменный знак, подготавливаем его для использования в качестве favicon.

Мелкие детали и длинные надписи плохо читаются в маленьком размере, поэтому для favicon обычно лучше подходит знак, монограмма, символ или упрощённая версия логотипа.

В рамках услуги адаптируем существующую графику. Если необходимо разработать новый знак или логотип с нуля, используется отдельная услуга дизайна.

Web App Manifest и полноценную PWA-настройку не включаем автоматически: необходимость и способ реализации сначала проверяем отдельно.

Клиент получает настроенные и опубликованные иконки сайта в соответствии с выбранным пакетом.

Файлы подготовлены из существующей фирменной графики, загружены в Tilda и проверены после публикации.

Также передаём подготовленные файлы иконок, чтобы клиент мог использовать их в дальнейшем.

• разработка логотипа с нуля;
• полный редизайн фирменного знака;
• разработка фирменного стиля;
• создание мобильного приложения;
• разработка PWA;
• программирование нестандартной логики;
• нестандартный Web App Manifest;
• доработка стороннего сервера;
• изменения исходного кода вне возможностей Tilda.

Дополнительные технические работы сначала оцениваем отдельно.

Для начала потребуется доступ к проекту Tilda.

Также клиент предоставляет логотип, фирменный знак или готовую иконку в максимально качественном исходном формате.

Если используются фирменные цвета, желательно предоставить их значения или брендбук.

Если исходника нет, оцениваем возможность подготовки подходящей иконки из имеющихся материалов.

1. Проверяем сайт

Смотрим текущий favicon и настройки иконок проекта.

2. Получаем исходники

Проверяем логотип, знак и фирменные цвета.

3. Подготавливаем иконки

Адаптируем графику и создаём необходимые файлы в пределах выбранного пакета.

4. Настраиваем Tilda

Загружаем favicon и дополнительные иконки в настройки проекта.

5. Публикуем

Переопубликовываем сайт, чтобы изменения применились.

6. Проверяем

Проверяем подключение и отображение доступными способами.

7. Передаём файлы

Передаём клиенту подготовленный комплект для дальнейшего использования.

У меня уже есть логотип. Можно сделать favicon из него?

Да. Если знак подходит для маленького размера, подготовим необходимые файлы.

Нужно обязательно делать отдельный favicon?

Не обязательно разрабатывать новый знак. Часто достаточно адаптировать существующий элемент логотипа.

Какой размер favicon нужен для Tilda?

В актуальной русскоязычной документации Tilda рекомендует изображение 32×32 px. Платформа позволяет загрузить favicon в форматах ICO, PNG и JPG.

Можно сделать favicon для тёмной и светлой темы?

Да. Tilda позволяет дополнительно использовать SVG-иконки для светлой и тёмной темы браузера.

Можно добавить иконку для iPhone?

Да. В настройках предусмотрен Apple Touch Icon.

Почему после замены показывается старая иконка?

Браузер может хранить старый favicon в кэше. Иногда требуется очистить кэш или перезапустить браузер.

Почему в Яндексе осталась старая иконка?

Поисковой системе требуется время для повторного обхода сайта. Tilda предупреждает, что обновление favicon в Яндексе может занимать до двух месяцев.

Входит Web App Manifest?

Стандартные иконки Tilda настраиваем в рамках услуги. Если требуется собственный Web App Manifest или PWA-функциональность, сначала проверяем задачу и рассчитываем реализацию отдельно.