iPhone/iPod touch用Webclipアイコン

2008.01.23

WebIcon.jpg

今回、アメリカに渡って初めてiPhoneを電話として使用したのですが、普段使用している日本のケータイが極薄のモデルを使っているだけに、多少大きさと重さに違和感を感じたのですが、使ってみるとアドレスブックからのコールなど便利だったり、SMSも使ってみましたがこれもiChat風になっているのであたかもチャットしているように会話ができて楽しかったです。

そんなiPhoneですがMacworldにてバージョン1.1.3のアップデートが発表され、ホーム画面のカスタマイズおよびウェブページのブックマークをホーム画面に配置できるウェブクリップ機能が追加されました(それ以外もありますが、とりあえずここではおいておきます)。

このウェブクリップ、favicon(ファビコン)のようにアイコンを設定することができると言うことでさっそく当社ウェブサイトトップページこのTriLogにアイコンを設定してみました。これで、この2つのページをウェブクリップにした場合には、当社ロゴのアイコンが表示されます。作り方は非常に簡単で、下記の2ステップだけです。

・57×57ピクセルのpng画像を用意し、適当なファイル名(customicon.png)で表示させたいページのディレクトリにアップロードする。

・ページのHTMLのタグ内に

<link rel="apple-touch-icon" href="/customicon.png"/>

と記述する。ディレクトリパスを記述すれば別のアイコンをそれぞれ置くことも可能です。

なお、ホーム画面に登録される際には自動的にiPhoneのアイコンらしいツルツルなエフェクトがかけられます。アイコンがない場合は自動的にWebページの縮小版がアイコンに設定されますが、小さくてよく見えないのでアイコンを設定する方が良いでしょう。

このブログを書いたスタッフ

プレジデント

ほっしぃ

音楽からMacの道に入り、そのままApple周辺機器を販売する会社を起業。その後、オリジナルブランド「Simplism」や「NuAns」ブランドを立ち上げ、デザインプロダクトやデジタルガジェットなど「自分が欲しい格好良いもの」を求め続ける。最近は「24時間365日のウェアラブルデバイス|weara(ウェアラ)」に力を注いでいる。

ほっしぃのブログ一覧

コメントを投稿

ログイン

登録

会員登録せず購入する

ログインせずに投稿する場合には名前とメールアドレスを入力してください。


管理者の承認後、コメントが表示されます。

カテゴリー

コメント

このページのトップへ
このページをシェアする

ブランドから探す

端末を選ぶ
  • Tablet
  • Android
  • Laptop
  • AirPods
  • Apple Watch
  • iPad
  • iPhone

機種から探す

シリーズを選ぶ

機種を選ぶ

カテゴリーを選ぶ

機種から探す

カテゴリーを選ぶ

カテゴリーから探す

端末を選ぶ
  • Tablet
  • Android
  • Laptop
  • AirPods
  • Apple Watch
  • iPad
  • iPhone

カテゴリーから探す

端末を選ぶ
  • Tablet
  • Android
  • Laptop
  • Apple Watch
  • iPad
  • iPhone

カテゴリーから探す