Как да добавите сайта икони за iPhone, IPAD и Ipod Touch

Favicon.ico - Сайт Икона в Browser

Преди да го пусна нов уебсайт и добавяне на графични файлове, Favicon, който се показва в браузъра на адресната лента. В повечето случаи favicon е миниатюра на графичното лого или инициалите на уебсайта. Този фавикон се добавя, за да помогне на потребителите да идентифицират по-бързо уеб адреса в отметките.

Хитрост Settings Favicon

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

Favicon в Opera

Favicon в Opera

Доскоро този файл трябва да бъде от вида "favicon.ico", Да бъде идентифициран от уеб браузъра. Chrome, Интернет Explorer, Opera, Safari, Firefox и т.н.
В продължение на няколко години, с напредване на нови уеб езици, HTML5 si CSS3, Favicons може да бъде .png файл или . JPG, Условието е, че заглавието на сайта, преди </ глава>Бъди този ред:

<Link отн = "икона на пряк път" HREF = "/ снимки / favicon.ico" тип = "изображение / х-икона" />

Икона за уеб сайт за iOS - iPhone, iPad и iPod Touch

In IOS можем да добавим команди за бърз достъп на уеб-страници pe Начален екранВ iPhone, IPad si Ipod Touch.

Как да добавите сайт пряк път на iPhone, IPAD и Ipod Home Screen

Ние правим това чрез отваряне на сайта на вашия iPhone (Safari, Chrome, Internet браузър и т.н.), кликнете на площада, че стрелката (знакът за "дял" в IOS), а след това опцията "Добавяне към началния екран".

Ако сайта е поставил икона за вашия браузър, но не е зададена IOS устройства специфична икона сайтове, На екрана ще се появи икона, състояща се от преглед на изображенията уеб страница.

Как да добавите уеб икони за iPhone, IPAD и Android.

Първата стъпка е да се създадете икона изображениеКоито се появяват на Начален екранКЗК idevice общност. За уеб икона е съвместимо с всички устройства и да се види ясно, че трябва да се създаде образ за всички 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 актуализира редовно Препоръчителен размер иконаСайтове приложения si Уеб страници pe тази страница.

За Android устройства, икони са две измерения:

  • Класически Android = 128 × 128
  • Android с висока разделителна способност (hi-res) = 192 × 192

икони

След като направи изображенията, се изкачи на уеб сървъра, източник на HTML на сайта преди затваряне </ главата>, добавете следните редове:

<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 Икона Сайт

Иконата за бърз достъп до уеб сайта ще изглежда подобна на която и да е приложения за IOS.

Как да добавите сайта икони за iPhone, IPAD и Ipod Touch

За автора

Хитрост

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

Оставете коментар