MENU
コンテンツ再構築中

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

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

INDEX

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

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

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

    [code]
    <link rel=”apple-touch-icon” href=”/images/apple_touch_icon.jpg” />
    [/code]

まとめ

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

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

Please share it!
  • URLをコピーしました!
  • URLをコピーしました!
INDEX