iPhoneとiPod TouchのWebclipのアイコンの作り方

iPhoneとiPod touchの新しいファームウェアではWebclipという機能がサポートされています。これはWebページにダイレクトにアクセスできるようにiPhoneやiPod touchのホーム画面にボタンを追加するものです。で、この時に利用される「ボタン」の画像を作成することができます。

作り方はとても簡単です。

1.57 x 57ピクセルのPNG画像を用意する。
2.その画像をapple-touch-icon.pngという名前で保存
3.apple-touch-icon.pngをWebサーバーのルート（DocumentRootというかhtdocsの下というか要はindex.htmlがあるところ）に配置。

基本これだけなんですが、違うファイル名や保存場所を利用したい場合にはHTMLのheadタグ内に

で、指定してあげればよいようです。

iPhoneとかiPod touchのボタン特有のあのテカリは自動でシステムがつけてくれるようです。また57ピクセル以上の画像に関しては自動で縮小してくれるようです（←これは試していないのでわかんない）

AppleのiPhone Dev Centerも合わせて読んでみてください。

そんなわけでBlogPeople用にアイコンを作ってみました。是非Webclipしてみてください。

トラックバック(2)

このブログ記事を参照しているブログ一覧: iPhoneとiPod TouchのWebclipのアイコンの作り方

このブログ記事に対するトラックバックURL: http://www.aivy.co.jp/cgi-bin/naga/MT4/mt-tb.cgi/587

» 「iPod touch」のウェブクリップ機能を試す([N])~のトラックバック

「iPod touch」のファームウェアアップデートで追加されたウェブクリップ機能を試してみました。 ... 続きを読む

» iPod Touch WebClip Bookmark Icon(Antist)~のトラックバック

　iPod Touchの新ファームウェアでWebClipが追加に。せっかくなのでAntistのアイコンを作ってみました。TouchからAntistにアクセ... 続きを読む

【Atom Netbook/MID】

【ガジェット！ガジェット！ガジェット！】

【あなたのライフハック大募集！】

[BlogPeopleピープル]

[iTMSピープル]

このサイトのレビューとか応援コメントを書いてもらえると励みになります。