Kuidas lisada veebilehel ikoonid iPhone, iPad ja iPod Touch

Favicon.ico - Koduleht ikoon Browser

Enne seda alustas kodulehel ja lisada graafika faili faviconMis ilmub brauseri aadressiribale. Enamikul juhtudel on ikoon on miniatuursed graafilise logo või initsiaalid veebilehtedel. See ikoon on lisatud, et aidata kasutajatel tuvastada aadress kiiremini võrgujärjehoidjate.

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

Koduleht ikoon iOS - iPhone, iPad ja iPod Touch

In iOS võime lisada Veebilehe otseteed pe Home ScreenCPCiPhone, 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 onluua 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.

Otsused ja standard suurused ikoonid iPhone, iPad, iPod ja Android

  • 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

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

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

  • Android klassikaline x = 128 128
  • Android kõrge resolutsiooniga (hi-res) = 192 192 x

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" suurused = "76x76" <link href = "/ apple-touch-icon-120x120.png" rel = "apple-touch-icon" suurused = "120x120" <link href = "/ apple-touch-icon-152x152.png" rel = "apple-touch-icon" suurused = "152x152" <link href = "/ apple-touch-icon-180x180.png" rel = "apple-touch-icon" suurused = "180x180" <link href = "/ icon-hires.png" rel = "icon" size = "192x192" /> <link href = "/ icon-normal.png" rel = "icon" sizes = "128x128" />

Seadmetele Apple ja PNG pilti nimi "rel =" peab sisaldama eesliide "apple-". Android, faili nimi on "ikoon hires.png"Ja"ikoon normal.png"Mis rel =" ikooni ".

On hädavajalik, et luua pilte iga otsuse puhul eraldi. Võite teha pildi kõrge resolutsiooniga ja seadmete madalam resolutsioon, millega tehakse kindlaks ja loob ikooni.

iPhone ikoon Koduleht

Otsetee ikoon näeb kodulehel tahes taotluste iOS.

Kuidas lisada veebilehel ikoonid iPhone, iPad ja iPod Touch

Andmeid autor

Kavalus

Sõbralikult kõike, mis tähendab vidinaid ja infot, kirjutan koos 2006i rõõmuga stealthsettings.com ja mulle meeldib avastada teiega uusi asju arvutite ja operatsioonisüsteemide macOS, Linuxi, Windowsi, iOS-i ja Android-i puhul.

Jäta kommentaar