Jak přidat webové stránky ikony pro iPhone, iPad a iPod Touch

Favicon.ico - Webové stránky ikona v prohlížeči

Před tím, než spustila internetové stránky a přidejte grafický soubor, faviconKteré se objevují v prohlížeči adresního řádku. Ve většině případů je favicon je miniaturní grafické logo nebo iniciály příslušné webové stránky. Toto favicon se přidá k uživatelům pomoci identifikovat adresu rychlejší webové záložky.

Stealth nastavení favicon

Stealth nastavení favicon v Safari

Favicon v Opeře

Favicon v Opeře

Donedávna byl tento soubor by měl být ve tvaru "favicon.ico"Identifikovat webový prohlížeč. Chrome, Internet Explorer, Opera, Safari, Firefox atd.
Již několik let, s přibývajícím nových webových jazyky, HTML5 si CSS3, Favicons může být PNG souborů nebo . Jpg, Podmínkou je, že záhlaví stránky, Před </ head>Budiž tento řádek:

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

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

In iOS Můžeme přidat Webové zkratky pe Hlavní obrazovkaCPCiPhone, iPad si iPod Touch.

Jak přidat webové stránky zástupce na iPhone, iPad a iPod domovské obrazovky

Děláme to tím, že otevře webovou stránku na vašem iPhone (Safari, Chrome, internetový prohlížeč, atd), kliknout na náměstí s šipkou (označení pro „podíl“ v systému iOS), pak volba "Přidat na plochu".

V případě, že stránka nastavena favicon pro prohlížeč, ale není nastaven ikonu konkrétní lokality iOS zařízení, Na obrazovce se objeví ikona sestávající z náhled webové stránky.

Jak přidat web ikony pro iPhone, iPad a Android.

Prvním krokem jevytvořit ikonu imageKteré se objevují na Hlavní obrazovkaCPC iDevice komunity. Pro web ikonu je kompatibilní na všech zařízeních a jasně vidět, musíme vytvořit image pro všechny rozlišeních iPhone a iPad.

Usnesení a standardní velikosti ikon pro iPhone, iPad, iPod a Android

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

jablko pravidelně aktualizován Doporučená velikost ikonURL aplikace si Webové stránky pe tuto stránku.

Pro zařízení se systémem Android, ikony jsou dva rozměry:

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

Ikony

Poté, co jsme učinili obrazy, vylézt na webovém serveru, zdroj HTML webové stránky před koncovou značku </ head>, přidejte následující řádky:

<link href = "/ apple-touch-icon.png" rel = "apple-touch-icon" /> <Link href = "/ apple-touch-icon-76x76.png" rel = "apple-touch-ikona" velikosti = "76x76" /> <Link href = "/ apple-touch-icon-120x120.png" rel = "apple-touch-ikona" velikosti = "120x120" /> <Link href = "/ apple-touch-icon-152x152.png" rel = "apple-touch-ikona" velikosti = "152x152" /> <Link href = "/ apple-touch-icon-180x180.png" rel = "apple-touch-ikona" velikosti = "180x180" /> <link href = "/ icon-hires.png" rel = "ikona" size = "192x192" /> <link href = "/ icon-normal.png" rel = "ikona" velikosti = "128x128" />

Pro zařízení Apple, a PNG název image "rel =" musí obsahovat předponu "Apple". Pro Android, bude název souboru být "ikona hires.png"A"ikona normal.png"S rel =" ikony ".

Tam je naprosto nezbytné vytvářet obrazy pro každé usnesení zvlášť. Můžete si vytvořit obraz o vysokém rozlišení a zařízení s nižším rozlišením, bude identifikovat a nastaví na ikonu.

iPhone Icon Website

Ikona v kontextovém bude vypadat na stránkách některého aplikace pro iOS.

Jak přidat webové stránky ikony pro iPhone, iPad a iPod Touch

O autorovi

Tajnost

Vášnivý o všem, co gadget a psát, ochotně stealthsettings.com z 2006 a rád objevovat nové věci s vámi o počítačích a MacOS, Linux, Windows, iOS a Android.

Zanechat komentář

Tyto stránky používají Akismet k omezení spamu. Zjistěte, jak jsou vaše údaje komentářů zpracovávány.