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

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

Перед тем как она запустила веб-сайт и добавить графический файл, FaviconКоторые появляются в браузере, адресной строке. В большинстве ситуаций Favicon представляет собой миниатюрный графический логотип или инициалы соответствующих веб-сайтах. Это Favicon добавляется, чтобы помочь пользователям определить адреса веб-закладки быстрее.

Настройки Stealth Favicon

Настройки Stealth Favicon в Safari

Favicon в Opera

Favicon в Opera

До недавнего времени этот файл не должен иметь вид "favicon.icoMsgstr "Определить веб-браузер. 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 ×

яблоко регулярно обновляется Рекомендуемый размер значкаURL-адреса приложений 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" /> <link href = "/ icon-hires.png" rel = "icon" size = "192x192" /> <link href = "/ icon-normal.png" rel = "icon" sizes = "128x128" />

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

Существует абсолютно необходимо создавать изображения для каждого разрешения отдельно. Вы можете сделать изображение для высокого разрешения и устройства с более низким разрешением, определит и установит значок.

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

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

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

Об авторе

Хитрость

Страстно обо всем, что означает гаджеты и ИТ, я пишу с удовольствием stealthsettings.com из 2006, и мне нравится открывать вам новые вещи о компьютерах и операционных системах macOS, Linux, Windows, iOS и Android.

Оставить комментарий