Ako pridať ikony na webovú stránku iPhone, iPad a iPod Touch

Favicon.ico - Ikona webových stránok v prehliadači

Pred tým, než spustila internetové stránky a pridajte grafický súbor, favicon, aby sa zobrazila v prehľadávači na paneli s adresou. Vo väčšine prípadov je favikón miniatúrou grafického loga alebo iniciálok príslušnej webovej stránky. Táto ikona je pridaná, aby pomohla používateľom rýchlo identifikovať webovú adresu v záložkách.

Stealth Settings Favicon
Stealth Settings Favicon in Safari
Favicon v Opere
Favicon v Opere

Tento súbor musel byť donedávna vo forme “favicon.ico“, ktorý má byť identifikovaný webovým prehliadačom. 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, predtýmBudiž tento riadok:

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

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

Ako pridať odkaz na webovú stránku v systéme Windows iPhone, Domovská obrazovka iPadu a iPodu

Robíme to tak, že otvoríme webovú stránku na iPhone (Safari, Chrome a pod. v internetovom prehliadači), kliknite na štvorec so šípkou (v systéme iOS znak pre „zdieľať“), potom na možnosť „Add na domovskú obrazovku".

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ť webové 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 uznesenia z iPhone a iPad.

Rozlíšenie a štandardné veľkosti ikon pre iPhone, iPad, iPod a Android

  • Modeklasická lele z iPhone / iPod = 57 × 57
  • iPad = 76 x 76
  • iPhone / iPod Retina = 120 × 120
  • iPad Retina = 152 × 152
  • iPhone 6 / 6S Plus = 180 × 180

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

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

  • Android classic = 128 × 128
  • Android s vysokým rozlíšením (hi-res) = 192 × 192
Ikony

Po vytvorení obrázkov sa tieto obrázky pred zatvorením nahrajú na webový server a do zdroja HTML webovej stránky , sa dopĺňajú tieto riadky:

<link href=”/apple-touch-icon.png ”rel =”apple-touch-ikona ”/> <link href=”/apple-touch-ikona-76 × 76.png ”rel =”apple-touch-ikona „veľkosti =“ 76 × 76 ″ /> <link href=”/apple-touch-ikona-120 × 120.png ”rel =”apple-touch-ikona „veľkosti =“ 120 × 120 ″ /> <link href=”/apple-touch-ikona-152 × 152.png ”rel =”apple-touch-ikona „veľkosti =“ 152 × 152 ″ /> <link href=”/apple-touch-ikona-180 × 180.png ”rel =”apple-touch-ikona „veľkosti =“ 180 × 180 ″ />

Pre zariadenia Apple, .PNG názov obrázka a „rel =“ musia obsahovať predponu “apple- ". Pre Android budú názvy súborov „ikona hires.png"A"ikona normal.png„S ikonou rel =“.

Nie je nevyhnutné vytvárať obrázky pre každé rozlíšenie. Môžete vytvoriť obrázok pre najvyššie rozlíšenie a zariadenia s nižším rozlíšením ho identifikujú a nastavia ako ikonu.

iPhone-Webová stránka-ikona

Ikona odkazu na web bude vyzerať podobne ako ktorákoľvek iná aplikácie pre iOS.

Zanietený technológiou, s radosťou píšem na StealthSettings.com od roku 2006. Mám bohaté skúsenosti s operačnými systémami: macOS, Windows a Linux, ako aj s programovacími jazykmi a platformami pre blogovanie (WordPress) a pre online obchody (WooCommerce, Magento, PrestaShop).

Ako » iHowTo » iHowTo - iOS » Ako pridať ikony na webovú stránku iPhone, iPad a iPod Touch
Pridať komentár