Фавикон для Wix
Wix сохраняет ваш значок на панели управления сайта в разделе «Настройки» > «Информация о веб-сайте» > «Значок» и автоматически внедряет его на каждую опубликованную страницу. Загрузите квадрат PNG размером не менее 100×100 пикселей — 512×512 идеально подходит для четкого отображения. Для поддержки PWA и apple-touch-icon опытные пользователи могут добавить собственный код через Wix Velo. Используйте favicon generator, чтобы создать готовый к загрузке PNG из вашего логотипа или торговой марки.
Ваш значок — один из наиболее заметных элементов бренда на сайте Wix — он отображается на вкладке браузера, панели закладок и в истории адресной строки. Яркий, узнаваемый значок помогает посетителям быстро идентифицировать ваш сайт Wix и вернуться на него. Wix автоматически обрабатывает внедрение значков после загрузки изображения, поэтому требуемые усилия минимальны.
Чтобы добавить или изменить значок Wix, войдите в свою панель управления Wix и выберите «Настройки» > «Информация о веб-сайте». Прокрутите до раздела «Значок сайта» (иногда он называется «Значок сайта» или «Значок вкладки» в зависимости от вашей версии Wix). Нажмите область загрузки или миниатюру существующего значка, чтобы открыть медиаменеджер. Загрузите свой квадрат PNG и подтвердите.
Wix рекомендует минимальный размер значка 100×100 пикселей, но это минимальный размер, а не целевой показатель. Для получения максимально четкого результата загрузите 512×512. Wix уменьшает изображение для отображения на вкладках, а начиная с более крупного источника, это означает меньшую потерю качества при небольших размерах. favicon generator экспортирует идеальное изображение PNG размером 512×512 пикселей из любого логотипа за считанные секунды.
Формат PNG — лучший выбор для загрузки значков Wix. Он поддерживает прозрачность, благодаря чему ваш значок будет выглядеть четко как на светлых, так и на темных темах браузера, без цветного или белого фонового поля. Файлы ICO не требуются — Wix преобразует ваш PNG и обслуживает его с правильным типом MIME.
Wix Studio (профессиональный уровень Wix) размещает настройку значка в том же месте в разделе «Настройки» > «Информация о веб-сайте». Studio также позволяет более продвинутое внедрение пользовательского кода в раздел <head>, если вам нужны значки SVG или теги apple-touch-icon. Перейдите в «Настройки» > «Пользовательский код», чтобы добавить сценарии заголовка в проекты Wix Studio.
После загрузки значка на панель управления Wix вам необходимо повторно опубликовать свой сайт, чтобы изменения вступили в силу. Нажмите «Опубликовать» в правом верхнем углу редактора. Wix распространяет новый значок на все страницы вашего личного домена. Изменения, сохраненные на панели управления, но не опубликованные, не видны посетителям.
Wix автоматически обрабатывает внедрение тега <link rel='icon'> — вам не нужно добавлять какой-либо код. Wix также вставляет базовую запись apple-touch-icon для сохранений на главном экране iOS, изменяя размер загруженного значка до необходимых размеров. Для пользовательского apple-touch-icon размером 180×180 (отличного от значка) используйте внедрение пользовательского кода Velo Wix.
Прозрачный фон сохраняется в Wix при загрузке PNG с альфа-каналом. Если у вашего значка сплошной фон, на вкладках браузера в темном режиме он будет отображаться в цветном поле. Перед загрузкой экспортируйте свой логотип без заливки фона. Вы можете убедиться, что прозрачность работает правильно, используя favicon tester, который отображает значок как на светлом, так и на темном фоне.
Wix Velo (платформа разработки JavaScript в составе Wix) позволяет выполнять расширенную настройку значков. Используя `wixLocation` Velo и события страницы, вы можете динамически вставлять различные теги ссылок на favicon на страницу. Это полезно для сайтов электронной коммерции с брендингом конкретного продукта или для сайтов с несколькими категориями, где в каждом разделе используется отдельный значок.
Если вы используете шаблон Wix, который был создан до того, как Wix представил встроенную поддержку значков, настройки значков могут появиться в другом месте или могут отсутствовать вообще. В таких случаях используйте внедрение собственного кода Wix: «Настройки» > «Пользовательский код» > «Добавить код» > «Поместите код в <head>» каждой страницы и вручную добавьте тег «<link rel='icon' href='URL'>» со ссылкой на размещенный значок.
Wix Сайты ADI (Artificial Design Intelligence) автоматически устанавливают значок из ресурсов вашего бренда, если вы предоставляете их во время мастера настройки. Вы можете переопределить выбранный ADI значок в любое время, используя «Настройки» > «Информация о веб-сайте» > «Путь к значку». Фавиконы, сгенерированные ADI, часто представляют собой логотипы с низким разрешением — рекомендуется заменить их специально созданным значком.
После публикации значка Wix откройте свой действующий домен в приватном окне браузера или в режиме инкогнито, чтобы увидеть обновленный значок без локального кеша браузера. Если старый значок по-прежнему отображается в обычном режиме просмотра через день, скорее всего, это проблема с кешем браузера, а не проблема Wix. Принудительное обновление (Ctrl+Shift+R или Cmd+Shift+R) заставляет браузер удалить кэшированный значок.
Для компаний, которые хотят установить поддержку PWA на свой сайт Wix — добавив сайт на домашний экран мобильного телефона с полноразмерным значком приложения и заставкой — Wix имеет ограниченные встроенные возможности PWA. Используйте внедрение пользовательского кода Wix, чтобы добавить тег <link rel='manifest'>, указывающий на внешний файл site.webmanifest, содержащий значки PNG размером 192×192 и 512×512. См. web app manifest guide для полной настройки манифеста.
Как это работает
- 1
Создайте значок PNG размером 512×512.
Используйте [favicon generator](tool:favicon-generator) со своим логотипом или торговой маркой в качестве источника. Загрузите из пакета PNG размером 512×512 — это подходящий размер для Wix.
- 2
Откройте «Настройки» > «Информация о веб-сайте».
На панели управления Wix (не в редакторе) перейдите в «Настройки» > «Информация о веб-сайте» и прокрутите вниз, чтобы найти раздел «Favicon».
- 3
Загрузите свой PNG
Щелкните область загрузки или существующий миниатюрный значок значка, выберите PNG 512×512 в медиа-менеджере Wix или на своем устройстве и подтвердите. Сохраните настройки.
- 4
Опубликуйте свой сайт
Нажмите кнопку «Опубликовать» в редакторе Wix. Wix внедряет обновленный тег значка на все страницы вашего действующего личного домена.
- 5
Подтвердить в окне инкогнито
Откройте свой действующий домен в приватном окне браузера или в режиме инкогнито. Новый значок должен появиться на вкладке. Используйте [favicon tester](utility:favicon-tester) для быстрой внешней проверки.
Попробовать сейчас
Создайте готовый значок Wix.
Генератор фавиконовЧастые вопросы
Где находится настройка значка в Wix?+
Настройки > Информация о веб-сайте > Фавикон (точная метка может быть «Значок вкладки» или «Значок сайта» в зависимости от вашей версии или шаблона Wix). Загрузите квадрат PNG, сохраните и нажмите «Опубликовать», чтобы применить его к действующему сайту.
Какого размера должен быть мой значок Wix?+
Wix требует минимум 100×100 пикселей, но настоятельно рекомендуется 512×512 PNG. Начиная с более крупного источника, Wix может уменьшить разрешение до 32×32 (размер вкладки) без видимой потери качества.
Почему на моем значке Wix все еще отображается старый значок?+
Убедитесь, что вы нажали «Опубликовать» после загрузки нового значка — сохраненные изменения не будут опубликованы до тех пор, пока они не будут опубликованы. Затем откройте свой сайт в приватном окне/окне инкогнито, чтобы обойти локальный кеш значков вашего браузера.
Могу ли я использовать значок SVG на Wix?+
Не через встроенную панель настроек — она принимает только растровые форматы. Чтобы использовать SVG, добавьте собственный код «<link rel='icon' type='image/svg+xml' href='URL'>» в «Настройки» > «Пользовательский код» > «Код головы» и разместите SVG на внешнем сервере.
Wix добавляет apple-touch-icon автоматически?+
Wix вставляет базовый apple-touch-icon из загруженного изображения значка. Для пользовательского apple-touch-icon размером 180×180 (отдельно от значка вкладки) добавьте тег ссылки вручную через Wix Velo или «Настройки» > «Пользовательский код».
На моем значке Wix по-прежнему отображается значок Wix по умолчанию. Что мне делать?+
Сохраните новый значок в меню «Настройки» > «Информация о веб-сайте», затем нажмите «Опубликовать» в редакторе. Убедитесь, что сайт опубликован в вашем личном домене (а не только в предварительной версии поддомена Wix). Очистите кеш браузера и попробуйте войти в окне инкогнито.
Могу ли я иметь разные значки на разных страницах Wix?+
Да, используя Wix Velo. Добавьте пользовательский ввод кода для каждой страницы или используйте событие Velo page-ready для динамического обновления элемента <link rel='icon'> на основе текущего пути к странице.