Favicon.ico – Значок веб -сайта в браузере
Перед запуском веб -сайта добавляется графический файл, Фавикон, чтобы появиться в браузере, в адресной панели. В большинстве ситуаций Favicon - это миниатюра графического логотипа или инициалов соответствующего веб -сайта. Этот Favicon добавляется, чтобы помочь пользователям быстрее определять веб -адрес в закладках.
До недавнего времени этот файл должен был иметь форму “Favicon.ico“, чтобы быть идентифицированным веб -браузером. Chrome, Internet Explorer, Opera, Safari, Firefox и т. Д.
В течение нескольких лет с развитием новых веб -языков, HTML9 и CSS3, Favicon может быть Физитный .png или .jpgПолем Условием является то, что в заголовке сайта, до </голова>, чтобы присутствовать на линии:
<Ссылка Rel =”ярлык” href =”/images/favicon.ico” Тип =”Изображение/X-ICON” />
Значок веб -сайта для iOS – iPhone, iPad Si iPod touch
В ios Мы можем добавить Ярлыки веб -страниц финиш Главный экран-uliPhoneВ iPad и iPod touchПолем
Как добавить ярлык веб -сайта на домашнем экране iPhone, iPad и iPod
Мы делаем это, открыв веб -страницу на iPhone (Safari, Chrome и т. Д. Интернет -браузер), мы нажимаем на квадрат со стрелкой (знак для “делиться” в iOS), затем вариант “Добавить на домашний экран“Полем
Если на веб -сайте есть Favicon для браузера, но не установлен Iconite, специфичный для устройств iOS, на экране появится значок, образованный из Представьте себе предварительный просмотр веб -страницы.
Как добавить веб -значки для iPhone, iPad и Android.
Первый шаг - егоМы создаем изображение для Iconita, который появляется на Главный экранидея. Чтобы веб -значок был совместимы на всех устройствах и ясно видеть, мы должны создать изображение Для всех разрешений iPhone и iPadПолем
Стандартные разрешения и размеры значков для iPhone, iPad, iPod и Android
- Классические модели iPhone / iPod / 57×57
- iPad = 76×76
- iPhone / iPod Retina = 120×120
- iPad Retina = 152×152
- iPhone 6/6s плюс = 180×180
Яблоко Регулярно обновлять Рекомендуемые измерения для значковURL приложения и веб -страницы финиш Эта страницаПолем
Для устройств Android значки - два размера:
- Android Classic = 128 × 128
- Android с высоким разрешением (Hi-Res) = 192 × 192
После того, как мы сняли изображения, мы поднимаемся на веб -сервер и в HTML -источнике веб -сайта, прежде чем закрыть </голова>, добавить следующие строки:
<Ссылка href =”/apple-touch-icon.png” rel =”Apple-Touch-Icon” /> <Ссылка href =”/Apple-Touch-ICon-76×76.png” rel =”Apple-Touch-Icon” размеры =”76×76″ /> <Ссылка href =”/Apple-Touch-ICon-120×120.png” rel =”Apple-Touch-Icon” размеры =”120×120″ /> <Ссылка href =”/Apple-Touch-ICON-152×152.png” rel =”Apple-Touch-Icon” размеры =”152×152″ /> <Ссылка href =”/Apple-Touch-ICON-180×180.png” rel =”Apple-Touch-Icon” размеры =”180×180″ /> <Ссылка href =”/ИКОН ХИРЫ.png” rel =”икона” размеры =”192×192″ /> <Ссылка href =”/icon-normal.png” rel =”икона” размеры =”128×128″ />
Для устройств Apple, имя изображения. “rel =” должен содержать префикс “яблоко-“Полем Для Android имена файлов будут “Icon-Hires.png” и “Icon-normal.png” с Rel =”икона”Полем
Не необходимо создавать изображения для каждого разрешения. Вы можете сделать изображение для наивысшего разрешения, и устройства с более низким разрешением идентифицируют его и установит его как значок.
Значок ярлыка на веб -сайте будет выглядеть как значок любого Приложения для iOSПолем
