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

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

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

Хитрость Settings Favicon

Хитрость Settings Фавикон в Сафари

Favicon в Opera

Favicon в Opera

До недавнего времени этот файл не должен иметь вид "favicon.ico", Чтобы быть идентифицированным веб-браузером. Chrome, интернет 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 ×

Apple регулярно обновляется Рекомендуемый размер значкаURL-адреса приложений si веб-страницы pe На этой странице.

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

  • Классический Android = 128 × 128
  • Android с высоким разрешением (привет-Res) = 192 × 192

иконки

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

<link href="/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> <link href="/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" /> <link href="/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" /> <link href="/icon-hires.png" rel="icon" sizes="192x192" /> <link href="/icon-normal.png" rel="icon" sizes="128x128" />

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

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

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

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

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

Об авторе

Хитрость

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

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