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, favicon, který se zobrazí v prohlížeči v adresním řádku. Ve většině situací je favicon náhledem grafického loga nebo iniciálů webových stránek. Tento favicon je přidán, aby uživatelům pomohl rychleji identifikovat webovou adresu v záložkách.

Tajnost Settings Favicon

Tajnost Settings 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", Určeno webovým prohlížečem. 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" />

Ikona webových stránek pro iOS - iPhone, iPad a iPod Touch

In iOS Můžeme přidat Webové zkratky pe Hlavní obrazovkaCPC iPhone, 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 je vytvoř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.

Rozlišení 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 ×

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

  • Klasické Android = 128 × 128
  • Android vysoké rozlišení (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-icon" sizes="76x76" /> <link href="/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> <link href="/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" /> <link href="/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" /> <link href="/icon-hires.png" rel="icon" sizes="192x192" /> <link href="/icon-normal.png" rel="icon" sizes="128x128" />

Pro zařízení Apple, název obrázku .PNG a „rel =“ musí obsahovat předponu „apple-“. V případě systému Android bude název souboru „ikona hires.png"A"ikona normal.png"S rel =" ikony ".

Není zcela nezbytné vytvářet snímky pro každé rozlišení individuálně. Můžete vytvořit snímek s nejvyšším rozlišením a zařízení s nižším rozlišením jej identifikují a nastaví jako ikonu.

iPhone Icon Website

Ikonka zástupců na webových stránkách bude vypadat podobně jako každá z nich 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 znamená gadget a IT, jsem rád, že mohu napsat na stealthsettings.com od 2006 a rád objevuji nové věci o počítačích a macOS, operačních systémech Linux, Windows, iOS a Android.

Zanechat komentář