ホーム画面の背景画像をアイコンで隠さずに表示する


ホーム画面で背景をアイコンで隠さず表示するために、こういうアイディアはどうだろう。
左上にこっそり背景と全く同じアイコンを置いてますw



以下のような手順で作っている。
1. ホームの背景画像に使いたい画像をPCに転送
なんとかして転送する。
2. アイコン画像を作成する
画像のleft:18px, top:34pxの位置から idth:57px, height:57px の画像を抜き出す。(iPhone4だと2倍した位置になると思う)
抜き出した画像をは「apple-touch-icon-precomposed.png」という名前で保存する。
3. HTMLの作成
保存した画像と同じフォルダに、以下のHTMLを適当な名前で保存する。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>.</title>
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png" />
</head><body>
ホーム画面に追加してください
</body>
</html>

5. アップロードしてホームアイコン設定
apple-touch-icon-precomposed.pngとHTMLをアップロードしてSafariで表示し、「+」アイコンで、「ホーム画面に追加」をする。しばらく待たないとアイコン画像が取得できないので注意。
アイコンがホーム画面に追加できたら、あとはアイコン位置調整して、完了!
# ……改めて書き出してみると、結構メンドイ作業だなこれ。