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, faviconKtoré sa objavujú v prehliadači adresného riadku. Vo väčšine prípadov je favicon je miniatúrny grafické logo alebo iniciály príslušné webové stránky. Toto favicon sa pridá k používateľom pomôcť identifikovať adresu rýchlejší webovej záložky.

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

Webové stránky ikona pre iOS - iPhone, iPad a iPod Touch

In iOS Môžeme pridať webové skratky pe Hlavná obrazovkaCPCiPhone, 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 jevytvoriť 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.

Uznesenie 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 ×

jablko 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:

  • Android classic x = 128 128
  • Android s vysokým rozlíšením (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, a PNG názov imidž "rel =" musí obsahovať predponu "Apple". Pre Android, bude názov súboru byť "ikona hires.png"A"ikona normal.png"S rel =" ikony ".

Tam je absolútne nevyhnutné vytvárať obrazy 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 nastaví na ikonu.

iPhone Icon Website

Ikona v kontextovom bude vyzerať na stránkach niektorého 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 gadget a písať, ochotne stealthsettings.com z 2006 a rád objavovať nové veci s vami o počítačoch a MacOS, Linux, Windows, iOS a Android.

Pridať komentár

Táto stránka používa Akismet na zníženie spamu. Zistite, ako sa spracúvajú údaje vašich komentárov.