iPhone用アイコンの作り方
Posted on | 5月 18, 2010 | No Comments
ちょいと作ってみました。
iPhoneのSafariでブラウジングしていて、ホームページを「ホーム画面に追加」とすることで、いわゆる「デスクトップにある好きなサイトのショートカット」みたいな感じのことができます。iPhoneのホーム画面にクリップできるわけですね。
通常、それはサイトのスクリーンショットが縮小されたものになるのですが、こちらで画像を用意することも出来ます。ということで簡単な作り方を以下に。
・57px*57px のpng画像をつくる。
・名前を「apple-touch-icon.png」にする。
・サイトのrootにアップロードする。
以上です。
角丸とかハイライトとかはiPhoneが勝手にしてくれるので、ぺらぺらの普通の画像でいいです。シャドウとかぜんぶ勝手に入ります。ちなみに上記の元画像はこんな感じ。
こんなぺらぺらが角丸とかなって上の画像みたくなるからステキ！
ということで、iPhoneやらiPod touchやらもっている方は、Readをホーム画面に追加して確認してみてください。暇があればつきさやとか夜明けの味用のアイコンも作りたいなー。なー。
Comments
Leave a Reply
