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

Favicon.ico - Spletna stran Ikona v brskalniku

Preden je začela spletno stran in dodajte grafično datoteko, faviconKi se pojavljajo v brskalniku, naslovno vrstico. V večini primerov, favicon je logotip miniaturne grafike ali začetnice, da spletna stran. Ta favicon je dodal, da uporabnikom pomaga prepoznati naslov hitreje spletnih zaznamkov.

Stealth Nastavitve favicon

Stealth Nastavitve favicon v Safariju

Favicon v Operi

Favicon v Operi

Do pred kratkim, bi morala ta datoteka v obliki "favicon.ico"V spletnem brskalniku mora biti prepoznan. 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, pred </ head>Be ta vrstica:

<Link rel = "bližnjica" href = "/ images / favicon.ico" type = "image / x-icon" />

Spletna ikona 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 odpremo spletno stran na iPhonu (Safari, Chrome, itd. Internetni brskalnik), kliknemo na kvadrat s puščico (znak za »deljenje« v iOS-u), potem pa »Dodaj 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.

Sklepi in standardne velikosti ikon za iPhone, iPad, iPod in Android

  • Klasični modeli iPhone / iPod = 57 57 ×
  • iPad = 76 76 ×
  • iPhone / iPod Retina x = 120 120
  • iPad Retina x = 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:

  • Klasična Android = 128 × 128
  • Android visoke ločljivosti (hi-res) = 192 × 192

Ikone

Potem ko smo slike, povzpnemo na spletnem strežniku, vir HTML spletne strani pred zaključno </ head>, dodajte naslednje vrstice:

<link href = "/ apple-touch-icon.png" rel = "apple-touch-icon" /> <link href = "/ apple-touch-icon-76x76.png" rel = "apple-touch-icon" velikosti = "76x76" <link href = "/ apple-touch-icon-120x120.png" rel = "apple-touch-icon" velikosti = "120x120" <link href = "/ apple-touch-icon-152x152.png" rel = "apple-touch-icon" velikosti = "152x152" <link href = "/ apple-touch-icon-180x180.png" rel = "apple-touch-icon" velikosti = "180x180" <link href = "/ icon-hires.png" rel = "icon" size = "192x192" /> <link href = "/ icon-normal.png" rel = "ikona" velikosti = "128x128" />

Za naprave Apple, ime slike .PNG in "rel =" morata vsebovati predpono "apple-". Za Android bo ime datoteke "ikona hires.png"In"ikona normal.png"Z rel =" ikono ".

Nujno je, da se ustvari slike za vsak sklep posebej. Lahko, da je slika v visoki resoluciji in naprave z nižjo ločljivostjo, bo prepozna in bo določil ikono.

iPhone Icon Spletna stran

Na spletni strani je bližnjica bo videti podobno kot pri kateri koli aplikacije za iOS.

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

O avtorju

Stealth

S strastjo nad vsem, kar pomeni pripomoček in IT, z 2006 z veseljem pišem na stealthsettings.com in rad z vami odkrivam nove stvari o računalnikih in macOS-u, operacijskih sistemih Linux, Windows, iOS in Android.

Pustite komentar