Image Image Image Image Image Image Image Image Image Image

| DvojBlog.cz | 22. 9. 2018

Scroll to top

Top

Apple touch icon

Návod Apple ikona
Dvojblog
  • On 2. 12. 2012
  • http://www.dvojblog.cz

Apple touch icon

Možná si říkáte, co to zase je? Co si máte pod uvedeným názvem představit a k čemu je to dobré? Pojďme se podívat na to, co je to Apple touch icon.
Apple touch icon si můžeme představit jako ikonu aplikace, respektive webové stránky, kterou můžete použít na vašich Apple zařízeních (Ipad, Iphone, Ipod) ve spojení s browserem Safari.

Ikona pak složí jako Bookmark neboli záložka vaší webové prezentace na ploše uvedených zařízeních. Jako příklad pro návod použijeme náš web.

Jak na Apple touch icon

Apple touch icon, návod

apple ikona

Připravíme si obrázek, a zde si můžeme vybrat:

1) na zařízení Apple s efektem Shiny (reflexní lesk, stín a efekt kulatých rohů)

      • png soubor o velikost 114×114 s názvem apple-touch-icon-114×114.png
      • png soubor o velikost 72×72 s názvem apple-touch-icon-72×72.png
      • png soubor o velikost 57×57 s názvem apple-touch-icon.png

2) na zařízení Apple s bez efektu, tj. ikona se zobrazí tak jak jste jí vytvořily (pouze efekt kulatých rohů)

      • png soubor o velikost 114×114 s názvem apple-touch-icon-114×114-precomposed.png
      • png soubor o velikost 72×72 s názvem apple-touch-icon-72×72-precomposed.png
      • png soubor o velikost 57×57 s názvem apple-touch-icon-precomposed.png

Více v najdete dokumentaci Apple.

Upravíme webovou stránku, kód umístíme do sekce HEAD:

V kódu si nezapomeňte upravit parametr cesta, tak aby byla ikona dostupná. 

Ikonu máme, webovou stránku jsme upravili a co teď? Na svém zařízení (Ipad) v prohlížeči Safari zobrazíme stránku (www.dvojblog.cz) a použijeme ikonu pro sdílení a následně zvolíme „Přidat na plochu“.

přidat na plochu Ipod

Přidat ikonu na plochu

A výsledek naší práce může vypadat např. takto:

Ikona webu na ploše Apple Ipad

Ikona webu na ploše Apple Ipad

Uvítáme rádi váš komentář