端末 | サイズ(辺) |
---|---|
iPhone 6 Plus (@3x) | 180 |
iPhone 6 and iPhone 5 (@2x) | 120 |
iPhone 4s (@2x) | 120 |
iPad and iPad mini (@2x) | 152 |
iPad 2 and iPad mini (@1x) | 76 |
保存形式は、png、gif、jpg、bmpのいずれも使用可能。
Chromeは、192が推奨らしいので、192も入れた方が良いかも。
<head>の中に以下を追加。
吹き出し有り版:<link rel="apple-touch-icon" sizes="76x76" href="http://www.example.com/アイコン.png"> <link rel="icon" sizes="192x192" href="nice-highres.png">吹き出し無し版:
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://www.example.com/アイコン.png">