Ikony pro iPhone, iPod a iPad

Připravte a umístěte na web, nejlépe do rootu, alespoň jednu ikonu pro zařízení Apple:

• název: apple-touch-icon.png
• velikost: 57 × 57 pixel (standard)

Zápis do meta značek

Ideálně, když připravíte celkem čtyři soubory. Velikost v pixelech té první ikony je rovněž 57 × 57 pixelů.


<link rel="apple-touch-icon" href="/apple-touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-iphone4.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-ipad3.png" />


Malá změna pro iOS 7 (2013)

pro iPhone Retina z 114 × 114 px na 120 × 120 px
pro iPad Retina z 144 × 144 px na 152 × 152 px

Ikony pro jiná rozlišení zůstávají stejné.
57 × 57 px  = default
76 × 76 px pro iPady bez retiny


<link rel="apple-touch-icon" href="/touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/touch-icon-ipad-retina.png" />


Jak zjistíte, že návštěvníci vašeho webu používají zařízení Apple

Pokud monitorujete nedostupné stránky, objeví se tam za sebou požadavky na tyto čtyři soubory:

• apple-touch-icon-57×57-precomposed.png
• apple-touch-icon-57×57.png
• apple-touch-icon-precomposed.png
• apple-touch-icon.png

Odkazy

• http://www.pic2icon.com/site_icon_for_iphone_ipad_generator.php – generátor ikon pro Apple
• stackoverflow.com