favicon.ico で複数画像のマルチファビコンをつくってみた

| | コメント(0) | TB(0) |
favicon.gif

ブラウザのお気に入りのアイコンを賑やかにしてくれるfavicon(ファビコン)。

以前までは、アイコン作成ソフトなどで16ピクセル×16ピクセルの画像を作成し、favicon.icoとして保存していましたが、実は、32ピクセル×32ピクセルや、48ピクセル×48ピクセルといった複数の画像をひとつの .ico 形式のマルチアイコンとして保存することができるんですねぇ~。

てか、知らなかったです。∑(゚□゚;)ガーン

そんなこんなで、忘れないウチに作り方をメモ。

1. 16×16、32×32、48×48ピクセルの画像ファイルを用意する。
  (画像はGIF、JPG、PING形式で、アニメGIFや透過もOKです)

2. http://ao-system.net/favicon/ にアクセスし、
  前項で作成した画像をそれぞれ参照し、【favicon.ico 作成】をクリック

3. 画面右側の【ダウンロード】ボタンをクリックしてできあがり

4. 作成した favicon.ico を Webサーバのルートディレクトリに
  FTPソフトでアップロードする
  (通常は index.html と同階層にアップします)

5. htmlファイルの <head> から </head> タグのあいだに、
  以下のソースを挿入します。


  ※favicon.ico の場所はhttp://~からはじまる絶対参照でも参照できます。


▼ファビコン作成。favicon.ico 無料で透過マルチアイコンが作れます。
http://ao-system.net/favicon/

拍手する

前の記事へ | TOPページ | 次の記事へ

トラックバック(0)

このブログ記事を参照しているブログ一覧:
favicon.ico で複数画像のマルチファビコンをつくってみた

このブログ記事に対するトラックバックURL:

コメントする


画像の中に見える文字を入力してください。

ワタクシ

ワタクシ
名前:ohsuda
性別:♂
誕生日:5月9日
血液型:A型

QRコード

QRコード
ohsuda.com はモバイルからも、ご覧いただけます。
http://www.ohsuda.com/
※PC・モバイル共にURL共通
あわせて読みたいブログパーツ

スポンサードリンク

美人時計

サイト内検索 by Google

2010年1月

          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            

アクセスランキング

おすすめサイト

楽天市場
話題のヒットアイテムを最終価格でGET!楽天市場は各種イベントも目白押し♪
Amazon.co.jp
1500円以上のご注文で国内無料配送。1000万点以上の品揃えが魅力
Apple Store
話題の iPhone や iPod や Mac の最新情報はアップルストアでチェック♪
無印良品ネットストア
ネット限定商品やアウトレット商品、最新のキャンペーンなどお得情報が満載

Powered By

  Mozilla Firefox ブラウザ無料ダウンロード 

blogram投票ボタン   track feed