it-swarm-eu.dev

Favicon, ikona, ikona zástupce, Apple-touch-icon: Existují další?

Vím o 2 základních druzích výchozích webových ikon pro webové stránky:

  • Favicon : umístěte soubor ve formátu .ico do kořenového adresáře vašeho webu s názvem favicon.ico a většina prohlížeče stolních počítačů jej najdou a zobrazí v různých kontextech (záložky, záložky). Lze také přidat do kódu, který umožňuje určit do souboru další názvy a jiné grafické typy, ačkoli existují omezení typu a velikosti prohlížečů :

    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="icon" href="/favicon.ico" />
    
  • Ikona webového klipu : umístěte soubor ve formátu png s názvem Apple-touch-icon.png nebo Apple-touch-icon-precomposed.png v kořenovém adresáři vašeho webu a verze operačního systému Safari pro iPhone OS/iOS je vyzvedne a uloží, když je web přidán na domovskou obrazovku. Lze také přidat pomocí kódu jako:

    <link rel="Apple-touch-icon" href="/custom_icon.png" />
    

Existují nějaké jiné výchozí grafické ikony pro web, které může webmaster zahrnout?

24
artlung

se objeví na základě this a this , že Android použije typ rel z Apple-touch-icon-precomposed nebo Apple-touch-icon, BUT, aby k tomu fungovalo, musíte použít plně kvalifikovanou URL, např .:

<link rel="Apple-touch-icon-precomposed"
      href="http://www.example.com/custom_icon.png" />

nebo:

<link rel="Apple-touch-icon"
      href="http://www.example.com/custom_icon.png" />

Výzva je taková, že se zdá, že platí pro Android 2.1 update 1 & Webkit 3.1. dokumentace pro vývojáře Android uvádí metodu v Android.webkit, která je událostí, když je načtena Apple-touch-icon.

8
artlung

To záleží na platformě, na kterou cílíte. Ale myslím, že většina - standard kompatibilní - mobilní prohlížeče rozumí výchozím značkám favicon. Možná můžete vyhledávat případy zvláštního použití (např. Vytvořit zástupce na ploše se speciální ikonou) na platformách jako Android, iOS, WebOS, ...

Právě jsem vyvinul několik webů zaměřených na uživatele iPhone a na těchto stránkách jsem použil Wordpress se specializovanou verzí tématu WPTouch.

1
fwaechter