Фавикон (Favicon) — это небольшая иконка сайта, которая отображается на вкладках браузера, в истории посещений, в закладках и рядом со ссылкой в поисковой выдаче Яндекса и Google. В конструкторе Gridbox загрузка и генерация иконок для всех типов устройств (включая смартфоны и планшеты) автоматизирована и выполняется через глобальные параметры.
1. Подготовка файла изображения
Прежде чем загружать иконку в систему, её необходимо правильно подготовить, чтобы она корректно масштабировалась на любых экранах:
- ■ Формат: Рекомендуется использовать файлы в формате
.pngс прозрачным фоном или стандартный.ico. Также современные браузеры отлично поддерживают векторный формат.svg. - ■ Размеры: Оптимальный размер исходного изображения для загрузки в Gridbox — квадрат со сторонами 512x512 пикселей. Из этого исходника система сама нарежет миниатюры под разные типы устройств.
2. Процесс загрузки фавикона в Gridbox
Установка иконки выполняется в глобальных настройках вашей активной темы:
- ■ Откройте визуальный редактор Gridbox на любой странице.
- ■ В левом сайдбаре нажмите на иконку палитры/шестеренки — Theme Options (Настройки темы).
- ■ В появившемся меню перейдите в раздел General (Общие).
- ■ Найдите поле Favicon и нажмите на него, чтобы открыть встроенный медиаменеджер. Загрузите подготовленную картинку и выберите её.
- ■ Нажмите кнопку Save в верхнем правом углу для применения изменений.
Когда вы загружаете квадратное изображение высокого разрешения (512x512) в поле Favicon, Gridbox на уровне ядра автоматически прописывает в тег <head> мета-ссылки для мобильных платформ (Apple Touch Icon и Android Chrome Icons). Если пользователь сохранит ваш сайт как закладку на рабочий стол смартфона, она