Favicon.ico – Піктограма веб -сайту в браузері
До запуску веб -сайту додається графічний файл, фавікон, з’являтися в браузері, на адресному рядку. У більшості ситуацій Favicon - це мініатюра графічного логотипу або ініціали відповідного веб -сайту. Цей фавікон додається, щоб допомогти користувачам швидше визначити веб -адресу в закладках.
До недавнього часу цей файл повинен був мати форму “Favicon.ico“, щоб ідентифікувати веб -браузер. Chrome, Internet Explorer, Opera, Safari, Firefox тощо.
Протягом декількох років з просуванням нових веб -мов, Html9 і CSS3, Фавікон може бути fisier .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, встановлений для браузера, але не встановлений Іконіт, специфічний для пристроїв iOS, на екрані з’явиться значок, утворений з Уявіть попередній перегляд веб -сторінки.
Як додати веб -піктограми для iPhone, iPad та Android.
Перший крок - йогоМи створюємо зображення для іконіти, що з’являється на Головна екранідея. Для того, щоб значок веб -сайтів була сумісною на всіх пристроях і чітко дивись, ми повинні створити зображення Для всіх роздільних можливостей iPhone та iPad.
Стандартні роздільної здатності та розміри піктограм для iPhone, iPad, iPod та Android
- Класичні моделі iPhone / iPod / 57×57
- ipad = 76×76
- iPhone / iPod сітківка = 120×120
- ipad сітківка = 152×152
- iPhone 6/6s плюс = 180×180
Яблук Регулярно оновлювати Рекомендовані розміри для ікониURLS заявки і Веб -сторінки ПЕ Ця сторінка.
Для пристроїв 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 =”/кон” rel =”ікона” розміри =”192×192″ /> <посилання href =”/кон-нормальна.png” rel =”ікона” розміри =”128×128″ />
Для пристроїв Apple, .png назва зображення та “rel =” повинен містити префікс “яблуко“. Для Android, імена файлів будуть “іконки.png” і “ікона-нормальна.png” з rel =”ікона”.
Необхідно створювати зображення для кожної роздільної здатності. Ви можете зробити зображення для найвищої роздільної здатності, і пристрої з нижчою роздільною здатністю ідентифікують його та встановлять його як ікону.
Піктограма ярлика на веб -сайті буде виглядати як будь -яка Заявки на iOS.
