Subscribed unsubscribe Subscribe Subscribe

iPhone/iPod touchのホームスクリーンのアイコンに任意の画像を設定するブックマークレット

web apple

知っての通り,iPhone/iPod touchでは1月のアップデートでホーム画面のカスタマイズ機能が追加された.好きなウェブサイトをWebクリップとしてホーム画面に置いておけるようになった.専用のアイコンを準備してくれているサイトも増えているけれども*1,どこかのブログサービスを利用している場合は自由に設定できないってことも.アイコンが準備されていないサイトではサムネイルがアイコンとして設定されるけれども,なんとなくカッコ悪い.そこで,アイコンが準備されていない(できない)サイトに対してユーザが好きなアイコンを設定しちゃおうってブックマークレットを発見したからご紹介.

Add A Custom iPhone Home Screen Icon

手順(の日本語訳)
ブックマークレットiPhone/iPod touchへの登録(ここが少しめんどくさいからちょい手をを加えてみた)

  1. ココiPhone/iPod touchにて表示,ブックマークに追加(正しく表示できない旨がでるけど,大丈夫)
  2. ブックマークのURLを編集(http://localhost/?を削除)

ココをMac/PCのブラウザで表示して,緑のブックマークアイコンをブラウザのブックマークバーにドラッグ
Mac/PCとiPhone/iPod touch間でブックマークを同期

任意のアイコンのWebクリップをホーム画面へ追加

  1. iPhone/iPod touch上でWebクリップしたいサイトを表示.
  2. ブックマークメニューからブックマークレットを選択
  3. 設定したいアイコン画像のURLを入力
  4. Safariの下のメニューの + を押して,ホーム画面に追加を選択
  5. アイコンのプレビューを確認して,追加!

いちいちアイコン画像URLを入れなければないのは面倒かもしれないけど,詳しい人ならブックマークレットをいじったりできるんじゃあなかろうか?あるいはTinyURLを使えばラクチンかも.ぜひお試しあれ!
ちなみに,このブックマークレットを使えば既にアイコンが準備されているサイトに対しても任意のアイコンを設定できる.
正方形じゃない画像を設定しようとした場合は,自動的にトリミングされるっぽい.
情報元:Add A Custom iPhone Home Screen Icon

*1:まとめてくれているブログ様 [http://blog.nobon.boo.jp/?eid=705515:title=Blog!NOBON | 「WebClip」用アイコン設置サイトリンク集]