2012年11月28日

Windows8ピン留め、iPhone(Android)ホームアイコンの設定

共有する このエントリーをはてなブックマークに追加


Windows8のInternet Explorer10の「ピン留め」用アイコンと、iPhone(Android)でブックマークしたサイトをホーム画面に追加した時に表示されるアイコンの設定メモです。

ネットで調べると、アイコン用画像は下記の仕様でした。

Windows8 ピン留め : 144px×144px
iPhoneアイコン : 75px×75px(但し正方形ならそれ以上でも可)
つまり、一つの画像で両方対応可能なようです。

そこで、144px×144pxの画像を用意して、「OSOE World」と「おそえの日誌2」に設定してみました。

【Windows8 ピン留め】

<meta name="msapplication-TileImage" content="【画像ファイルへのパス、ファイル名】"/>
<meta name="msapplication-TileColor" content="【アイコン周りの背景色指定】"/>

Windows8_pin2.png

 

【iPhoneアイコン

<link rel="apple-touch-icon" href="/画像ファイルへのパス、ファイル名" />

iPhone_home-icon2.jpg

トラックバックURL

このエントリーのトラックバックURL:
http://blog2.osoe.jp/mt5/mt-tb.cgi/111

コメントする