iPod touch用Webclipアイコンの作り方
大野晋一(編集部)
2008/01/17 18:00
iPod touchの新機能のひとつにWebclipがある。ホームスクリーンにWebサイトのショートカットをおけるというものだ。ここではそのアイコンの作り方を紹介しよう。
MacworldでアップグレードされたiPhone/iPod touchの新機能のひとつにWebclipがある。ホームスクリーンにWebサイトのショートカットをおけるというものだ。
画面上にWebショートカットを置くなんて日本の携帯電話なら普通に出来ますが? などということなかれ。このWebclip、専用のアイコンを用意すれば、ユーザーのホームスクリーンをハデに彩ることも出来るのだ。ブラウザで長らく使われてきたfaviconのサイズを大きくしたものと考えればよい。
builderでは既にiPod touchに最適化されたWebサイトの作り方を解説しているが、今後はアイコンも忘れずに作っておきたい。
Webサイトの提供者には次の2つの方法が用意されている
- 「apple-touch-icon.png」というファイル名のアイコンをWebサイトのルートフォルダ(サーバのではない!)に置いておく
- HTMLの<head>タグ内に
<link rel="apple-touch-icon" href="/pathToCustomIcon.png"/>
という記述を行う。/pathToCustomIcon.pngはアイコンを置いたパスを記述しよう
アイコンはサイズ57ピクセル四方のPNGファイルが望ましい。サイズが異なると端末側でリサイズされる。また、ホームスクリーンに置かれる際に、自動的につやつやな見た目に加工される。また、アイコンがない場合は自動的にWebページの縮小版がアイコンとなる。
Appleからの公式な情報はiPhone Dev Centerで入手できる。サイトにアクセスし、「Create a WebClip Bookmark Icon」の項を参照されたい。
- 5人の推薦記事
- 1人がクリップ
-
ソーシャルブックマーク(-)
- トラックバック(0)
- ホワイトペーパー
- 企画特集
御社のログ活用しませんか!?
パンデミック対策特集
そのストレージで仮想化に対応できますか?
ロリポップ!がリニューアル
中小企業のセキュリティリスクとは?
【徹底対談】運用管理ツールの賢い使い方
仮想環境を実現するソリューション特集
セキュリティ&ユーザ事例【SIer Club】
ESBでIT投資の無駄を劇的に解消する
集積度も性能も、業界最高水準のブレードPC
◆エン・ジャパン厳選求人☆毎週更新◆
ストレージメディア特設サイト開設
インターネット上の悪意を未然に防ぐには?
今注目の「サジェスト検索」−デモ掲載中
SOA、BPM、SaaS −今、企業に必要なこと
- ■ストレージ容量50%削減保証■
- サーバー監視・運用のコストを削減するには
- エンタープライズにおけるSUSEの強み
- サービス・ドリヴン・データセンター
- 話題のタグ
Mozilla
Windows Vista
仮想化
Google
Adobe
Chrome
Windows
セキュリティ
モバイル
Ajax
リファレンス
開発環境
RIA
UI
iPod touch
PHP
Windows 7
Opera
Safari
JavaScript
アプリケーション
インストール
SOA
プログラミング言語
Tips
Microsoft
iPhone 3G
WebKit
データベース
Database
Firefox 3
Webサービス
オープンソース
Firefox
Apple
ソフトウェア開発
Mac OS X
脆弱性
Off Topic
Java
OS
CSS
HTML
小技
ブラウザ
Webデザイン
iPhone
Internet Explorer
Flash
Linux
話題のタグを見る »
Windows 7はLinuxへの切替が簡単:注目の仮想ディスクフォーマット「VHD」
iPhone OS 3.0で変わった「絵文字」
OSSのクラウド基盤「Eucalyptus」を使う(4)--インストール〜ノード構築
俳優経験者が指南する「人前で上手く話すためのティップス10選」
「うるまでるびペイント」登場:絵は上手下手ではなく制作過程に楽しみが
待てば回路の日和あり--「iPhone 3GS」発売、しかし――