Як додати іконки веб-сайту для iPhone, IPad і IPod Touch

Favicon.ico - Сайт Іконка в браузері

Перед тим як вона запустила веб-сайт і додати графічний файл, faviconЯкі з'являються в браузері, адресному рядку. У більшості ситуацій Favicon є мініатюрним графічний логотип або ініціали відповідних веб-сайтах. Це Favicon додається, щоб допомогти користувачам визначити адреси веб-закладки швидше.

Налаштування Stealth Favicon

Налаштування Stealth Favicon в Safari

Favicon в Opera

Favicon в Opera

До недавнього часу цей файл не повинен мати вигляд "favicon.ico"Для ідентифікації веб-браузера. Chrome, Internet Explorer, Opera, Safari, Firefox і т. Д.
Протягом декількох років, з просування нових веб-мов, HTML5 si CSS3, Favicons може бути .png файл або . Jpg, Умовою є те, що заголовок сайту, перед </ голова>, Будь цей рядок:

<Link отн = "ярлик" HREF = "/ Images / favicon.ico" типу = "образ / г-значок" />

Сайт Іконка для ОС IOS - iPhone, IPad і IPod Touch

In Ios ми можемо додати ярликів веб-сторінок pe головний екранКПКiPhone, IPad si Ipod Touch.

Як додати сайт ярлик на iPhone, IPad і IPod Головний екран

Ми робимо це, відкривши веб-сайт на вашому iPhone (Safari, Chrome, Internet-браузер і т.д.), натисніть на квадрат зі стрілкою (знак для «частки» в IOS), то варіант "Додати на головний екран".

Якщо веб-сайт встановив фавіконки для вашого браузера, але не встановлено Система IOS пристроїв сайти конкретних значок, Екран з'явиться значок, що складається з попередній перегляд зображень веб-сторінки.

Як додати веб-іконки для iPhone, IPad і Android.

Перший крок полягає встворити іконку зображенняЯкі з'являються на головний екранКПК читання компакт-дисків спільноти. Для веб-ікони сумісні на всіх пристроях і ясно бачити, ми повинні створити образ для всіх дозволів 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 Plus = 180 180 ×

яблуко регулярно оновлюється Рекомендований розмір значкаСайтів додатків si веб-сторінки pe На цій сторінці.

Для пристроїв Android, значки два аспекти:

  • Android класичний × = 128 128
  • Android високого дозволу (Hi-Res) = 192 192 ×

Значки

Після того, як ми зробили знімки, залазьте на веб-сервері, вихідний HTML-сайту перед закриває тегом </ HEAD>, додайте наступні рядки:

<link href = "/ apple-touch-icon.png" rel = "apple-touch-icon" /> <Посилання HREF = "/ яблуко-сенсорний значок-76x76.png" отн = "яблуко-сенсорний значок" розміри = "76x76" /> <Посилання HREF = "/ яблуко-сенсорний значок-120x120.png" отн = "яблуко-сенсорний значок" розміри = "120x120" /> <Посилання HREF = "/ яблуко-сенсорний значок-152x152.png" отн = "яблуко-сенсорний значок" розміри = "152x152" /> <Посилання HREF = "/ яблуко-сенсорний значок-180x180.png" отн = "яблуко-сенсорний значок" розміри = "180x180" /> <Посилання HREF = "/ іконки hires.png" REL = "Значок" розміри = "192x192" /> <Посилання HREF = "/ Іконки normal.png" отн = "значок" розміри = "128x128" />

Для пристроїв компанії Apple, і .PNG ім'я зображення "отн =" повинен містити префікс "яблунь". Для Android, ім'я файлу буде "значок hires.png"І"значок normal.png"З отн =" Значок ".

Існує абсолютно необхідно створювати зображення для кожного дозволу окремо. Ви можете зробити зображення для високої роздільної здатності та пристрої з більш низьким дозволом, визначить і встановить значок.

iPhone Іконка Веб-сайт

Значок ярлика буде виглядати на веб-сайт будь-якого додатки для прошивкою.

Як додати іконки веб-сайту для iPhone, IPad і IPod Touch

Про автора

Хитрість

Пристрасний про все, що гаджет і IT писати з задоволенням stealthsettings.com з 2006 і мені подобається відкривати нові речі з вами про комп'ютери та MacOS, Linux, Windows, прошивці і Android.

Залишити коментар