iPhone:iOS端末の共有から「ホーム画面に追加」で表示されるショートカットアイコンをオリジナル画像に変更する

iPhoneやiPad等iOSのサファリから、表示中のWebサイトを「共有」>「ホーム画面に追加」とすれば、ホーム画面にショートカットアイコンが作成されますが、このアイコンが変更できることを知りませんでした。

ショートカットアイコンを変更する

オリジナル画像をアイコンとして適用する手順は以下のとおりです。(アイコン画像 apple_touch_icon.jpg を imagesフォルダ にアップロードした場合)

  1. アイコン画像(jpg,png,gif,bmp等)を 114×114px 以上で作成し imagesフォルダ へアップロード
  2. HTMLの<head></head>内に以下を追加します

    <link rel="apple-touch-icon" href="/images/apple_touch_icon.jpg" />

まとめ

簡単です。何で今まで気が付かなかったのでしょうか(笑)
というわけで、早速 sirochro.com のアイコンを変えてみました。

img_130607 とても良くなりました。

siro:chro 無料ゲーム SQN をリリースしました

img_sqn_00

sirochro 初の無料ゲームアプリ SQN をリリースしました。
記事:SQN: iOS 無料ゲームアプリ SQN - Sequential Numbers をリリース
ちょっとした時間に楽しめる完全無料のゲームなっていますので、是非ダウンロードして遊んでみてください。

↓SQN のダウンロードはこちらから

Related Contents

Pickup Contents