Kuidas lisada veebilehel ikoonid iPhone, iPad ja iPod Touch

Favicon.ico - Koduleht ikoon Browser

Enne seda alustas kodulehel ja lisada graafika faili favicon, mis kuvatakse brauseris aadressiribal. Enamikes olukordades on favicon graafilise logo või veebisaidi initsiaalide pisipilt. See favicon lisatakse, et aidata kasutajatel veebiaadressi järjehoidjatel kiiremini tuvastada.

Stealth Seaded favikon

Stealth Seaded favikon Safaris

Favicon Opera

Favicon Opera

Alles hiljuti seda faili peaks olema kujul "favicon.ico"Veebibrauseri tuvastamiseks. Chrome, Internet Explorer, Opera, Safari, Firefox jne
Juba mitu aastat koos edeneb uue veebi keeled, HTML5 si CSS3Favicons saab PNG faili või . JPG. Tingimuseks on, et päise kohas, enne </ head>Ole selle rea:

<Link rel = "otsetee ikooni" href = "/ images / favicon.ico" type = "image / x-ikoon" />

IOS-i ikoon - iPhone, iPad ja iPod Touch

In iOS võime lisada Veebilehe otseteed pe Home ScreenCPC iPhone, iPad si iPod Touch.

Kuidas lisada veebilehe otsetee iPhone, iPad ja iPod Home Screen

Me teeme seda, avades iPhone'i veebisaidi (Safari, Chrome jne Interneti-brauser), klõpsates noolega ruutu (iOS-i jaoks "jagamiseks" tähis), seejärel "Lisa Home Screen".

Kui veebisait on seadnud Favikon brauseri, kuid ei ole määratud iOS seadme konkreetsed ikoon saididEkraan ilmub ikoon, mis koosneb esikatselukuvan veebilehele.

Kuidas lisada web ikoonid iPhone, iPad ja Android.

Esimene samm on luua pilt ikooniSee ilmub Home ScreenCPC IDevice kogukonnas. Et veebi ikoon sobib kõikidele seadmetele ja selgelt näha, tuleb meil luua pilti kõik iPhone ja iPad resolutsioonid.

IPhone'i, iPadi, iPodi ja Androidi resolutsioonid ja standardsed ikoonide suurused

  • Klassikaline mudeleid iPhone / iPod = 57 57 x
  • iPad = 76 76 x
  • iPhone / iPod Võrkkest x = 120 120
  • iPad Võrkkest x = 152 152
  • iPhone 6 / 6S Plus = 180 180 x

Apple uuendatakse regulaarselt Soovitatav ikooni suurusURL rakendused si veebilehti pe Sellel leheküljel.

Sest seadmete Android, ikoonid on kaks mõõdet:

  • Klassikaline Android = 128 × 128
  • Android kõrge resolutsiooniga (hi-res) = 192 × 192

ikoonid

Pärast tegime pilte, ronida veebiserver, HTML koodis veebilehel enne sulgemist </ head>, lisatakse järgmised read:

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

Seadmete jaoks Apple, peavad .PNG-pildi nimi ja "rel =" sisaldama eesliidet "õun". Androidi puhul on failinimi "ikoon hires.png"Ja"ikoon normal.png"Mis rel =" ikooni ".

Iga resolutsiooni jaoks eraldi pilte ei ole tingimata vaja luua. Võite teha pildi kõrgeima eraldusvõimega ja madalama eraldusvõimega seadmed tuvastavad selle ja määravad selle ikooni.

iPhone ikoon Koduleht

Veebisaidil olev otsetee ikoon sarnaneb ühelegi sellele taotluste iOS.

Kuidas lisada veebilehel ikoonid iPhone, iPad ja iPod Touch

Andmeid autor

Kavalus

Kirglikult kõige vastu, mis tähendab vidinaid ja IT-sid, kirjutan heameelega stealthsettings.com saidil 2006 ja armastan avastada uusi asju arvutite ja macOS-i, Linuxi opsüsteemide, Windows, iOS ja Android.

Jäta kommentaar