Jak přidat ikony na web pro iPhone, iPad a iPod Touch

Favicon.ico - Ikona webové stránky 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 na řádku adresy. Ve většině situací je favicon miniaturou grafického loga nebo iniciál příslušného webu. Tato ikona se přidává, aby pomohla uživatelům rychle identifikovat webovou adresu v záložkách.

Stealth Settings Favicon
Stealth Settings Favicon v Safari
Favicon v Opeře
Favicon v Opeře

Až donedávna musel být tento soubor ve formě. “favicon.ico", Bude identifikován 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ředBudiž tento řádek:

Ikona webové stránky 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 zástupce na web v systému Windows iPhone, Domovská obrazovka iPad a iPod

Děláme to otevřením webové stránky na iPhone (Safari, Chrome, internetový prohlížeč atd.), Klikněte na čtverec se šipkou (značka pro „sdílení“ v iOS), poté možnostAdd na domovskou obrazovku".

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 webové ikony pro Windows 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šechna rozlišení iPhone a iPad.

Standardní rozlišení a velikosti ikon pro iPhone, iPad, iPod a Android

  • Klasické modely iPhone / iPod = 57 × 57
  • iPad = 76 × 76
  • iPhone / iPod Retina = 120 × 120
  • iPad Retina = 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:

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

Poté, co jsme vytvořili obrázky, se před zavřením nahrají na webový server a do zdroje HTML webu , jsou přidány následující řádky:

<link href=”/apple-touch-icon.png ”rel =”apple-touch-ikona ”/> <link href=”/apple-touch-ikona-76 × 76.png ”rel =”apple-touch-ikona ”velikosti =” 76 × 76 ″ /> <link href=”/apple-touch-ikona-120 × 120.png ”rel =”apple-touch-ikona ”velikosti =” 120 × 120 ″ /> <link href=”/apple-touch-ikona-152 × 152.png ”rel =”apple-touch-ikona ”velikosti =” 152 × 152 ″ /> <link href=”/apple-touch-ikona-180 × 180.png ”rel =”apple-touch-ikona ”velikosti =” 180 × 180 ″ />

Pro zařízení Apple, .PNG název obrázku a „rel =“ musí obsahovat předponu “apple- ". U Androidu budou názvy souborů „ikona hires.png"A"ikona normal.png„S ikonou rel =“.

Není nutné vytvářet obrázky pro každé rozlišení. Můžete vytvořit obrázek pro nejvyšší rozlišení a zařízení s nižším rozlišením jej identifikují a nastaví jako ikonu.

iPhone-Webová stránka-ikona

Ikona zástupce na webu bude vypadat podobně jako kterákoli jiná aplikace pro iOS.

Vášnivý k technologii, rád testuji a píšu výukové programy o operačních systémech macOS, Linux, Windows, o konfiguraci webového serveru WordPress, WooCommerce a LEMP (Linux, NGINX, MySQL a PHP). Píšu dál StealthSettings.com od roku 2006 ao několik let později jsem začal psát na iHowTo.Tips výukové programy a novinky o zařízeních v ekosystému Apple: iPhoneiPad Apple Hodinky, HomePod, iMac, MacBook, AirPods a příslušenství.

Zanechat komentář