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

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

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

Stealth Settings икона

Stealth Settings икона в Safari

Favicon в Opera

Favicon в Opera

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

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

Сайт Икона за IOS - iPhone, IPAD и Ipod Touch

In IOS можем да добавим команди за бърз достъп на уеб-страници pe Начален екранCPCiPhone, 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 ×

ябълка актуализира редовно Препоръчителен размер иконаСайтове приложения si Уеб страници pe тази страница.

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

  • Android класически × = 128 128
  • Android с висока разделителна способност (висока резолюция) = 192 192 ×

икони

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

<link href = "/ apple-touch-icon.png" rel = "apple-touch-icon" /> <Link HREF = "/ ябълка докосване-икона-76x76.png" Отн = "ябълка на допир икони" размери = "76x76" /> <Link HREF = "/ ябълка докосване-икона-120x120.png" Отн = "ябълка на допир икони" размери = "120x120" /> <Link HREF = "/ ябълка докосване-икона-152x152.png" Отн = "ябълка на допир икони" размери = "152x152" /> <Link HREF = "/ ябълка докосване-икона-180x180.png" Отн = "ябълка на допир икони" размери = "180x180" /> <link href = "/ icon-hires.png" rel = "icon" размер = "192x192" /> <link href = "/ icon-normal.png" rel = "icon" размери = "128x128" />

За устройствата на Apple, и .PNG име образ "отн =" трябва да съдържа префикс "Компютъри". За Android, името на файла ще бъде "икона hires.png"А"икона normal.png"С отн =" икона ".

Няма абсолютно необходимо за създаване на изображения за всяка резолюция отделно. Можете да направят образ на висока разделителна способност и устройствата с по-ниска резолюция, ще се идентифицират и ще постави иконата.

iPhone Икона Сайт

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

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

За автора

Хитрост

Страстен за всичко, което приспособление и го напиша с удоволствие stealthsettings.com на 2006 и обичам да откривам нови неща с вас за компютри и MacOS, Linux, Windows, IOS и Android.

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

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.