Каталог статей
使用Гугл Хром,войтиЧен ВэйлянВ блогах перед вкладкой браузера и адресной строкой отображается небольшой значок веб-сайта.
разделWordPressТема со встроенной загрузкой избранных иконок.
Что такое иконка фавикон?
Как видно из названия, так называемый фавикон — это аббревиатура от Favorites Icon (иконка избранного).
- Это позволяет избранному браузеру различать разные веб-сайты по значкам в дополнение к соответствующим заголовкам.
Конечно, в разных браузерах режим отображения Favicon тоже разный:
- В большинстве основных браузеров, таких как FireFox и Internet Explorer (версия 5.5 и выше).
- Фавикон появляется не только в избранном, но и в адресной строке.
- Пользователи могут перетаскивать значки на рабочий стол для создания ярлыков веб-сайтов;
- Кроме того, существует множество расширений для браузеров с вкладками, например, FireFox даже поддерживает значки анимированного формата и т. д.
- Значок favicon.ico — это миниатюра веб-сайта, которая может отображаться на вкладках браузера, в левой части адресной строки и в избранном.
Это миниатюра логотипа, которая показывает индивидуальность веб-сайта.
- Если вы хотите, чтобы ваш веб-сайт выглядел более профессионально, можно сказать, что он является аватаром веб-сайта.
- Если вы хотите сделать свой сайт более красивым и персонализированным, favicon.ico просто необходим.
Таким образом, вы можете использовать инструмент преобразования значков ICO на этом веб-сайте, чтобы легко удовлетворить ваши требования.
В процессе создания веб-сайта с помощью WordPress необходимо создать персонализированный логотип, соответствующий теме веб-сайта, что напрямую связано с успешным брендингом веб-сайта.
С определенной точки зрения это все же делается на сайтеВеб-продвижениев пределах диапазона.
Чтобы быть успешным, он включает в себя не только хороший дизайн страницы, впечатляющий логотип сайта, но и иконки:
- С конкретной технической точки зрения, favicon не только обеспечивает более профессиональный внешний вид, но и в определенной степени снижает потребление пропускной способности сервера:
- Вообще говоря, чтобы повысить удобство использования сайта, мы создадим собственный файл ошибки 404 для нашего сайта.
- В этом случае, если на веб-сайте нет соответствующего файла favicon.ico, веб-сервер вызовет этот пользовательский файл 404 и запишет его в журнал ошибок веб-сайта, чего, очевидно, следует избегать.
Как добавляется и используется Favicon.ico?
Между заголовком и /head кода веб-приложения добавьте следующий код ▼
<head> ... <link rel="shortcut icon" href="/ru/favicon.ico"/> <link rel="bookmark" href="/ru/favicon.ico"/> ... </head>
Используйте графику, с которой вы знакомы软件Создайте рендер размером 16*16px, 32*32px, 48*48px, сохраните как изображение в формате .png, .gif или .jpg.
Как сделать прозрачную иконку favicon.ico?
Шаг 1:Создавайте прозрачные иконки PNG с помощью PS.
Шаг 2:Откройте инструмент онлайн-генерации значков favicon.ico ▼
Нажмите здесь, чтобы посетить онлайн-конструктор иконок favicon.ico第 3 步 ：Просмотр недавно сохраненных изображений
第 4 步 ：Нажмите: «Создать значок favicon.ico онлайн».
第 5 步 ：Следуйте инструкциям, чтобы загрузить его в корневой каталог веб-сайта.
Как обновить иконку Favicon.ico?
- Закройте все открытые браузеры и очистите кеш браузера.
- Откройте веб-сайт и добавьте в избранное.
- Закройте все браузеры, снова откройте веб-сайт и обновите его.
Если на данный момент значок favicon.ico не был обновлен, подождите немного, прежде чем начать попытку просмотра.
Если вы используете Firefox или Chrome, обновление будет проще:
- Просмотр в приватном режиме в Firefox и Chrome обновляет кеш значков favicon.ico.
Блог Хоуп Чен Вейлян ( https://www.chenweiliang.com/ ) поделился «Что такое фавикон?Генератор онлайн-производства маленькой иконки коллекции веб-сайтов», чтобы помочь вам.
Добро пожаловать, чтобы поделиться ссылкой на эту статью:https://www.chenweiliang.com/cwl-822.html
Добро пожаловать на Telegram-канал блога Chen Weiliang, чтобы быть в курсе последних обновлений!
📚 Это руководство содержит огромную ценность. 🌟Это редкая возможность, не упустите ее! ⏰⌛💨
Делитесь и ставьте лайк, если хотите!
Ваш обмен и лайки - наша постоянная мотивация!