Ako pridať webové stránky ikony pre iPhone, iPad a iPod Touch

Favicon.ico - Webové stránky ikona v prehliadači

Pred tým, než spustila internetové stránky a pridajte grafický súbor, favicon, ktorý sa zobrazí v prehliadači na paneli s adresou. Vo väčšine situácií je favicon náhľad grafického loga alebo iniciálok webových stránok. Táto favikón sa pridáva, aby pomohol používateľom identifikovať webovú adresu v záložkách rýchlejšie.

Stealth nastavenie favicon

Stealth nastavenie favicon v Safari

Favicon v Opere

Favicon v Opere

Donedávna bol tento súbor by mal byť v tvare "favicon.ico"Identifikovať webový prehliadač. Chrome, Internet Explorer, Opera, Safari, Firefox atď.
Už niekoľko rokov, s pribúdajúcim nových webových jazyky, HTML5 si CSS3, Favicons môže byť PNG súborov alebo .jpg, Podmienkou je, že záhlaví stránky, Pred </ head>Budiž tento riadok:

<Link rel = "ikona zástupcu" href = "/ images / favicon.ico" type = "/ x-icon image" />

Ikona webových stránok pre iOS - iPhone, iPad a iPod Touch

In iOS Môžeme pridať webové skratky pe Hlavná obrazovkaCPC iPhone, iPad si iPod Touch.

Ako pridať webové stránky zástupcu na iPhone, iPad a iPod domovskej obrazovky

Robíme to otvorením webovej stránky v prehliadači iPhone (prehliadač Safari, Chrome a podobne), kliknutím na štvorec pomocou šípky (označenie pre zdieľanie v systéme iOS)Pridať na plochu".

V prípade, že stránka nastavená favicon pre prehliadač, ale nie je nastavený ikonu konkrétnej lokality iOS zariadenia, Na obrazovke sa objaví ikona pozostávajúce z náhľad webové stránky.

Ako pridať web ikony pre iPhone, iPad a Android.

Prvým krokom je vytvoriť ikonu imageKtoré sa objavujú na Hlavná obrazovkaCPC iDevice komunity. Pre web ikonu je kompatibilný na všetkých zariadeniach a jasne vidieť, musíme vytvoriť image pre všetky rozlíšeniach iPhone a iPad.

Rezolúcia a štandardnej veľkosti ikon pre iPhone, iPad, iPod a Android

  • Klasické modely iPhone / iPod = 57 57 ×
  • iPad = 76 76 ×
  • iPhone / iPod Retina x = 120 120
  • iPad sietnice x = 152 152
  • iPhone 6 / 6S Plus = 180 180 ×

Apple pravidelne aktualizovaný Odporúčaná veľkosť ikonURL aplikácie si webové stránky pe túto stránku.

Pre zariadenia so systémom Android, ikony sú dva rozmery:

  • Klasické Android = 128 × 128
  • Android vysoké rozlíšenie (hi-res) = 192 × 192

Ikony

Potom, čo sme urobili obrazy, vyliezť na webovom serveri, zdroj HTML webové stránky pred koncovou značku </ head>, pridajte nasledujúce riadky:

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

Pre zariadenia Apple, názov obrázka .PNG a „rel =“ musia obsahovať predponu „apple-“. V prípade systému Android bude názov súboru „ikona hires.png"A"ikona normal.png"S rel =" ikony ".

Je nevyhnutné vytvoriť obraz pre každé uznesenie zvlášť. Môžete si vytvoriť obraz o vysokom rozlíšení a zariadenia s nižším rozlíšením, bude identifikovať a bude nastavená na ikonu.

iPhone Icon Website

Ikonka odkazu na webovú stránku bude vyzerať podobne ako ktorákoľvek z nich aplikácie pre iOS.

Ako pridať webové stránky ikony pre iPhone, iPad a iPod Touch

O autorovi

tajnosť

Vášnivý o všetkom, čo znamená gadget a IT, píšem s potešením na stealthsettings.com od 2006 a rád s vami objavujem nové veci o počítačoch a MacOS, operačných systémoch Linux, Windows, iOS a Android.

Pridať komentár