2007年10月20日土曜日

Web上でファビコンを作成できるサービス

Favicon（ファビコン）

お気に入り（ブックマーク）した時に表示されるアイコン=ファビコン（favicon）を作ってみました。
このブログあるいは office-taku.comを開いた時に、アドレスバーの左端に表示されているはずです、みてみて下さい(Internet Explorerをお使いの方はお気に入りに登録してみて下さい)。
以前紹介したロゴ作成のように、現在はWeb上で簡単に作成できるサイトがたくさんあります。
今回は、そんなサイトの中の一つ、favicon.cc を利用しました。

ただし、このサイト、ブラウザはFireFoxを使っていないと利用できません。
Internet Explorerをお使いの方は、文末に記した他のサイトを利用するか、
↓こちらからFireFoxをダウンロードして下さい。

作り方の手順

  1. favicon.cc（http://www.favicon.cc/）に、アクセスします。
    16×16のマス目状の作成画面が表示されます
  2. お好きな色を選んで
  3. デザインします(ドラッグorクリックでマス目を塗りつぶすことができます）。
  4. マス目の下にプレビュー画面が表示されていますので、確認しながらすすめます。
  5. できあがったら、ダウンロードします

すでにある画像を元にして作成することもできます

  • マス目の左側にある "import image" をクリックし、画像をアップロードして下さい。
  • その画像がマス目の中に表示されてきますので、修正します。
  • 元画像によっては上手く表示されません。私の（ロゴで使っている顔の）画像場合も右上の方が空白になり上手く行かなかったので、全部最初からつくりました。

ファビコンの表示方法

  • HTMLソースのヘッダー内（<head>から</head>の間）に
    <link rel="shortcut icon" href="ファビコンまでのパス/favicon.ico">
    と、記述します
  • HTMLファイルとfaviconをアップロード

他にもいろいろなfavicon作成サイトがあります。下記のサイトなどで研究してみて下さい。

参考サイト
投稿者 時刻:
ラベル: , ,

0 件のコメント:

コメントを投稿

登録: コメントの投稿 (Atom)