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 Safari
Favicon v Operi
Favicon v Operi

Do nedavnega je morala biti ta datoteka v obliki "favicon.ico«, ki jih bo prepoznal 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 na 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 itd., internetni brskalnik), kliknite kvadratek s puščico (znak za »share« v iOS-u), nato možnost »Add 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

  • Modeklasični lele of 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 na 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:

<povezava href=”/apple-touch-icon.png "rel ="apple-touch-icon ”/> <povezava href=”/apple-touch-icon-76 × 76.png "rel ="apple-touch-icon ”sizes =” 76 × 76 ″ /> <povezava href=”/apple-touch-icon-120 × 120.png "rel ="apple-touch-icon ”sizes =” 120 × 120 ″ /> <povezava href=”/apple-touch-icon-152 × 152.png "rel ="apple-touch-icon ”sizes =” 152 × 152 ″ /> <povezava 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.

Strasten do tehnologije, z veseljem pišem na StealthSettings.com od leta 2006. Imam bogate izkušnje s operacijskimi sistemi: macOS, Windows in Linux, ter programskimi jeziki in platformami za bloganje (WordPress) in za spletne trgovine (WooCommerce, Magento, PrestaShop).

kako » iHowTo » iHowTo - iOS » Kako dodati ikone na spletno mesto za iPhone, iPad in iPod Touch
Pustite komentar