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ページの縮小版がアイコンに設定されますが、小さくてよく見えないのでアイコンを設定する方が良いでしょう。

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

プレジデント

ほっしぃ

アップル好きが高じて2006年にMacintosh周辺機器を販売する会社を立ち上げる。その後オリジナルブランドの「Simplism」や「EVENNO」製品を筆頭にデザイン雑貨やデジタルガジェットなど「自分がほしいカッチョイイもの」を探し続ける。 

ほっしぃのブログ一覧

コメントを投稿

ログイン

登録

会員登録せず購入する

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


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

投稿者名*
メールアドレス*
コメント*

カテゴリー

このページをシェアする

ブランドから探す

機種から探す

  • Tablets
  • Smartphones
  • Laptop
  • AirPods
  • Apple Watch
  • iPad
  • iPhone

iPhoneから探す

iPadから探す

iPodから探す

Apple Watchから探す

Laptopから探す

AirPodsから探す

Smartphoneから探す

Walkmanから探す

Tabletsから探す

カテゴリから探す