サイト内検索:

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

HOWTO: iPhone Webclip Icons - Dan Dickinson: The Primary Vivid Weblog

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タグ内に

<link rel="apple-touch-icon" href="/ファイル名"/>

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

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

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

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

http://www.blogpeople.net/

bp-webclip-20080117.jpg

Apple iPod touch 16GB MA627J/A Apple iPod touch 16GB



カテゴリ

トラックバック(2)

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

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

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

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

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

コメント

COTOBACO


連絡とか感想とか何でも↓にコメント書いてくださいね。

COTOBACOに投稿(読む)

このブログ記事について

ひとつ前のブログ記事は「セガトイズ、1.5型液晶採用の低価格デジタルフォトフレーム」です。

次のブログ記事は「1月18日のラッキーさん」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

新着DVD

BlogPeople PEOPLE

【Atom Netbook/MID】

【ガジェット!ガジェット!ガジェット!】

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

トラックバック・ピープル

[BlogPeopleピープル]

[iTMSピープル]

お誕生日おめでとう

Yahooで取り上げられた記事

ブログ内検索

BlogPeople ReviewMe!

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

Affi☆List for Amazon

昨日のアクセストップ5

ブログリンク