Kako dodati spletne strani ikone 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 spletno stran za iPhone, iPad in iPod začetnem zaslonu

To naredimo tako, da na iPhoneu odpremo spletno stran (Safari, Chrome itd. Internetni brskalnik), s puščico kliknemo na kvadrat (znak za »deli« v iOS), nato možnostDodaj 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 spletnih 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 iPhone in iPad resolucij.

Standardne ločljivosti in 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-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" />

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 Icon Spletna stran

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

Kako dodati spletne strani ikone za iPhone, iPad in iPod Touch

O avtorju

Stealth

Navdušen nad vsem pripomočkom in IT-jem, z veseljem pišem v tajnostisettings.com od leta 2006 in z vami rad odkrivam nove stvari o računalnikih in operacijskih sistemih macOS, Linux, Windows, iOS in Android.

Pustite komentar