Как да добавяте икони към уебсайт iPhone, iPad и iPod Touch

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

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

Stealth Settings Favicon
Stealth Settings Фавикон в Сафари
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

Правим това, като отваряме уеб страница на iPhone (Safari, Chrome, интернет браузър и т.н.), щракнете върху квадрата със стрелката (знакът за „споделяне“ в iOS), след това опциятаAdd до началния екран".

Ако сайта е поставил икона за вашия браузър, но не е зададена 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-76 × 76.png ”rel =”apple-touch-icon ”sizes =” 76 × 76 ″ /> <link href=”/apple-touch-icon-120 × 120.png ”rel =”apple-touch-icon ”sizes =” 120 × 120 ″ /> <link href=”/apple-touch-icon-152 × 152.png ”rel =”apple-touch-icon ”sizes =” 152 × 152 ″ /> <link href=”/apple-touch-icon-180 × 180.png ”rel =”apple-touch-icon ”sizes =” 180 × 180 ″ />

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

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

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

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

как да » iHowTo » iHowTo - iOS » Как да добавяте икони към уебсайт iPhone, iPad и iPod Touch

Страстен към технологиите, обичам да тествам и пиша уроци за операционните системи macOS, Linux, Windows, относно WordPress, WooCommerce и конфигурирайте LEMP уеб сървъри (Linux, NGINX, MySQL и PHP). пиша на StealthSettings.com от 2006 г. и няколко години по-късно започнах да пиша в iHowTo.Tips уроци и новини за устройства в екосистемата Apple: iPhone, Ай Пад, Apple Гледайте, HomePod, iMac, MacBook, AirPods и аксесоари.

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