Favicon.ico – Veebisaidi ikoon brauseris
Enne veebisaidi käivitamist lisatakse graafiline fail, favicon, mis kuvatakse brauseris aadressiribal. Enamikul juhtudel on favicon graafilise logo pisipilt või vastava veebisaidi initsiaalid. See favicon on lisatud, et aidata kasutajatel veebiaadressi järjehoidjates kiiremini tuvastada.
Kuni viimase ajani pidi see fail olema vormi kujul “favicon.ico“, mille veebibrauser tuvastab. Chrome, Internet Explorer, Opera, Safari, Firefox jne.
Uute veebikeelte arenedes on juba mitu aastat Html9 ja CSS3, favicon võib olla ka üks fisier .png või .jpg. Tingimuseks on, et veebisaidi päises enne </pea>, peab kohal olema rida:
<link rel=”otsetee ikoon” href=”/images/favicon.ico” tüüp=”pilt/x-ikoon” />
Veebisaidi ikoon iOS-i jaoks – iPhone, iPad ja iPod Touch
Sisse iOS saame lisada veebilehe otseteed pesa Avaekraan-uliiPhone'i, iPad ja iPod Touch.
Veebisaidi otsetee lisamine iPhone'i, iPadi ja iPodi avakuvale
Selleks avame iPhone'is (Safari, Chrome jne Interneti-brauseris) veebilehe, vajutame noolega ruutu (tähis “osa” iOS-is), seejärel suvand “Lisa avakuvale“.
Kui veebisaidil on brauseri jaoks määratud favicon, kuid see pole määratud iOS-i seadmete spetsiifiline ikoon, ilmub ekraanile ikoon, mis koosneb kujutage ette eelvaadet veebilehelt.
Kuidas lisada veebiikoone iPhone'ile, iPadile ja Androidile.
Esimene samm on temaloome ikoonile pildi, mis kuvatakse Avaekraanidee. Selleks, et veebiikoon ühilduks kõikides seadmetes ja oleks selgelt nähtav, peame pildi looma kõigi iPhone'i ja iPadi eraldusvõimete jaoks.
Standardsed eraldusvõimed ja ikoonide suurused iPhone'i, iPadi, iPodi ja Androidi jaoks
- Klassikalised iPhone'i / iPodi mudelid = 57×57
- iPad = 76×76
- iPhone / iPod Retina = 120×120
- iPad Retina = 152×152
- iPhone 6/6S Plus = 180×180
Õun värskendage regulaarselt soovitatavad ikooni suurusedURL-id rakendused ja veebilehed pesa sellel lehel.
Android-seadmete puhul on ikoonid kahes suuruses.
- Klassikaline Android = 128 × 128
- Kõrge eraldusvõimega Android (kõrge eraldusvõime) = 192 × 192
Pärast piltide tegemist laaditakse need enne sulgemist üles veebiserverisse ja veebisaidi HTML-i allikasse </pea>, 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″ /> <link href=”/icon-hires.png” rel=”ikoon” suurused =”192×192″ /> <link href=”/icon-normal.png” rel=”ikoon” suurused =”128×128″ />
Apple'i seadmete puhul on pildi nimi .PNG ja “rel=” peab sisaldama eesliidet “õun-“. Androidi puhul on failinimed “icon-hires.png” ja “icon-normal.png” koos rel=”ikoon”.
Piltide loomine iga resolutsiooni jaoks eraldi ei ole absoluutselt vajalik. Saate teha pildi kõrgeima eraldusvõimega ning madalama eraldusvõimega seadmed tuvastavad selle ja määravad selle ikooniks.
Veebisaidi otsetee ikoon näeb välja sarnane mis tahes muu ikooniga rakendused iOS-i jaoks.
