Kuidas lisada veebisaidile ikoone iPhone, iPad ja iPod Touch

Favicon.ico - veebisaidi ikoon brauseris

Enne seda alustas kodulehel ja lisada graafika faili favicon, kuvamiseks brauseris aadressiribal. Enamasti on favicon graafilise logo või vastava veebisaidi initsiaalide pisipilt. See ikoon lisatakse, et aidata kasutajatel järjehoidjates veebiaadressi kiiremini tuvastada.

Stealth Settings Favicon
Stealth Settings Favicon sisse Safari
Favicon Opera
Favicon Opera

Kuni viimase ajani pidi see fail olema vormis "favicon.ico", mille tuvastab veebibrauser. 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, enneOle selle rea:

Veebisaidi ikoon iOS-ile - iPhone, iPad ja iPod Touch

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

Otsetee lisamine veebisaidile iPhone, iPadi ja iPodi avakuva

Teeme seda, avades veebisaidi iPhone (Safari, Chrome jne Interneti-brauser), klõpsake noolega ruudul (iOS-is märk "jaga"), seejärel valikut "Add avakuvale".

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

Kuidas lisada veebi ikoone 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õigi resolutsioonide jaoks iPhone ja iPad.

Rakenduse ikoonide standardsed eraldusvõimed ja suurused iPhone, iPad, iPod ja Android

  • Modeklassikaline lele of iPhone / iPod = 57 × 57
  • iPad = 76 × 76
  • iPhone / iPod Retina = 120 × 120
  • iPadi võrkkesta = 152 × 152
  • iPhone 6 / 6S pluss = 180 × 180

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

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

  • Androidi klassika = 128 × 128
  • Suure eraldusvõimega Android (kõrglahutus) = 192 × 192
ikoonid

Pärast piltide tegemist laaditakse see enne sulgemist veebiserverisse ja veebisaidi HTML-i allikasse üles , lisatakse järgmised read:

<link href="/apple-touch-icon.png ”rel =”apple-touch-ikoon ”/> <link href="/apple-touch-icon-76 × 76.png ”rel =”apple-touch-ikoon ”suurused =” 76 × 76 ”/> <link href="/apple-touch-icon-120 × 120.png ”rel =”apple-touch-ikoon ”suurused =” 120 × 120 ”/> <link href="/apple-touch-icon-152 × 152.png ”rel =”apple-touch-ikoon ”suurused =” 152 × 152 ”/> <link href="/apple-touch-icon-180 × 180.png ”rel =”apple-touch-ikoon ”suurused =” 180 × 180 ”/>

Seadmete jaoks Apple.PNG-pildi nimi ja "rel =" peavad sisaldama eesliidet "apple- ". Androidi puhul on failinimed järgmised:ikoon hires.png"Ja"ikoon normal.png”Ikooniga rel =”.

Iga eraldusvõime jaoks pole tingimata vaja pilte luua. Saate teha pildi kõrgeima eraldusvõimega ning väiksema eraldusvõimega seadmed tuvastavad selle ja määravad selle ikooniks.

iPhone-Veebisait-ikoon

Veebisaidi otseteeikoon näeb välja sarnane mis tahes muule taotluste iOS.

Tehnoloogiafännina olen alates 2006. aastast rõõmuga kirjutanud lehel StealthSettings.com. Mul on laialdased kogemused operatsioonisüsteemides: macOS, Windows ja Linux, samuti programmeerimiskeeltes ja blogiplatvormides (WordPress) ning veebipoodide ja platvormidega (WooCommerce, Magento, PrestaShop).

kuidas » iHowTo » iHowTo - iOS » Kuidas lisada veebisaidile ikoone iPhone, iPad ja iPod Touch
Jäta kommentaar