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

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

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

Stealth Settings икона

Stealth Settings икона в Safari

Favicon в Opera

Favicon в Opera

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

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

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

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

Правим това, като отваряме уеб страница на iPhone (Safari, Chrome и др. Интернет браузър), кликваме върху квадратчето със стрелката (знакът за „споделяне“ в 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”С rel =” икона ”.

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

iPhone Икона Сайт

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

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

За автора

Хитрост

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

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