Kako dodati ikone na spletno mesto za iPhone, iPad in iPod Touch

Favicon.ico - ikona spletnega mesta v brskalniku

Preden je začela spletno stran in dodajte grafično datoteko, favicon, da se v naslovni vrstici prikaže v brskalniku. V večini primerov je favicon sličica grafičnega logotipa ali začetnice ustreznega spletnega mesta. Ta favicon je dodan, da uporabnikom pomaga hitreje prepoznati spletni naslov v zaznamkih.

Stealth Settings Favicon
Stealth Settings Favicon v Safariju
Favicon v Operi
Favicon v Operi

Do nedavnega je morala biti ta datoteka v obliki "favicon.ico", Določi ga spletni brskalnik. Chrome, internet Explorer, Opera, Safari, Firefox itd.
Že več let, pri spodbujanju novih spletnih jezikov, HTML5 si CSS3, Favicons lahko .png datoteka ali . Jpg. Pogoj je, da glava mestu, prejBe ta vrstica:

Ikona spletnega mesta za iOS - iPhone, iPad in iPod Touch

In iOS lahko dodamo Bližnjice Spletna stran pe Začetni zaslonCPC iPhone, iPad si iPod Touch.

Kako dodati bližnjico do spletnega mesta na iPhone, domači zaslon iPad in iPod

To storimo tako, da na spletnem mestu odpremo spletno stran iPhone (Safari, Chrome, internetni brskalnik itd.), Kliknite na kvadrat s puščico (znak za "deli" v iOS-u), nato možnostAdd na začetni zaslon".

Če je spletna stran, favicon za vaš brskalnik, vendar ni nastavljen mesta posebna ikona za iOS napraveBo zaslon prikaže ikona, sestavljen iz predogled slike spletna stran.

Kako dodati spletne ikone za iPhone, iPad in Android.

Prvi korak je, da ustvariti ikono slikeKi se pojavljajo na Začetni zaslonCPC iDevice skupnost. Na spletni ikona je združljiv na vseh napravah in jasno videti, moramo ustvariti sliko za vse ločljivosti iPhone in iPad.

Ločljivosti in standardne velikosti ikon za iPhone, iPad, iPod in Android

  • Klasični modeli iPhone / iPod = 57 × 57
  • iPad = 76 × 76
  • iPhone / iPod Retina = 120 × 120
  • iPad Retina = 152 × 152
  • iPhone 6 / 6S Plus = 180 × 180

Apple redno posodablja Priporočena velikost ikonaURL-ji aplikacije si spletne strani pe stran.

Za naprave Android, ikone sta dve razsežnosti:

  • Android classic = 128 × 128
  • Android z visoko ločljivostjo (hi-res) = 192 × 192
Ikone

Ko naredimo slike, se pred zapiranjem naložijo na spletni strežnik in v HTML vir spletnega mesta , dodajo se naslednje vrstice:

<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 ″ />

Za naprave Apple, .Png ime slike in “rel =” morata vsebovati predpono “apple- ". Za Android bodo imena datotek "ikona hires.png"In"ikona normal.png”Z rel =” ikona ”.

Ni nujno, da ustvarite slike za vsako ločljivost. Lahko naredite sliko z najvišjo ločljivostjo, naprave z nižjo ločljivostjo jo prepoznajo in nastavijo kot ikono.

iPhone-Spletna stran-ikona

Ikona bližnjice do spletnega mesta bo videti podobno kot katera koli aplikacije za iOS.

Navdušen sem nad tehnologijo, rad preizkušam in pišem vaje o operacijskih sistemih macOS, Linux, Windows, o WordPressu, WooCommerceu in konfiguraciji spletnega strežnika LEMP (Linux, NGINX, MySQL in PHP). Pišem naprej StealthSettings.com od leta 2006, nekaj let kasneje pa sem začel pisati na iHowTo.Tips vadnice in novice o napravah v ekosistemu Apple: iPhone, iPad, Apple Ura, HomePod, iMac, MacBook, AirPods in dodatki.

Pustite komentar