無料でファビコンを作成してくれるサイト

公開日: : 最終更新日:2014/02/26 WEB

ファビコンとは…

ネットをしていたらタブの頭にマークがついてるよね。
タブ

このサイトだと16x16ていうマークが出てると思うけどそれがファビコンと呼ばれるものです。
私もあんまり知らなかったんだけど、このファビコンっていうのが結構優秀で
普段はブラウザでしかお世話になってなかったけどIEでデスクトップにショートカットを作った場合もこのファビコンが表示されるそうです。

今はTVやゲーム機でもネットができる時代!
色んなデバイスに最適な大きさのロゴが表示されるのがいいですよね。

 スポンサーリンク

複数のアイコンを1つのアイコンにできる.ico

複数のアイコンが1つに????
どういうことなの…私も最初言っているイミがわかりませんでした。
ファビコンに使われている拡張子".ico"このコが優秀なのです!

例えばブラウザのタブやブックマークの頭に表示されているアイコンのサイズは16x16。
そしてデスクトップに表示されるショートカットアイコンのサイズは32x32。
これを1つのアイコンでまかなってしまえるのが".ico"です。

1つのサイズの画像でもいいんだけど、例えば16x16しか作ってなかった場合デスクトップでは32x32に拡大されて表示されてしまうのです。
じゃあ32x32で作っておけばいいじゃんって話にもなりますが…(´∀`;)
まあ適材適所な画像があった方が綺麗に表示されていいんじゃね?って事です。

ファビコンってどうやって作るのよ?

ファビコンが優秀なコなのはわかった!でも作り方わからんのだが。
そんな時にお役立ちなサイトがこちらです。
無料で半透明マルチアイコンやファビコン(favicon.ico)が作れます。ギザギザの無い美しい影を持ったアイコンが作成できます。

さすがに画像は自分で用意しないといけませんが、ファイルを選択するだけでfavicon.icoファイルを自動生成してくれます。
この時に画像ファイルを透過済のPNGを指定するとファビコンの背景が透明になるのです♪
しかもフチがギザギザじゃないのがいいね。gifだと透過処理してもフチがギザギザで凹んだものだよ…。

難しい事はわからん。簡単にぱぱっと作りたい

そういうあなたにはこちら。
ファビコン favicon.ico ファブアイコン作成。無料でブックマークアイコン、透過マルチアイコンが作れます。作り方は簡単!画像を指定するだけ。

jpgもgifもpngも指定できます。
1つの画像ファイルでもいいので楽でしょう。

ファビコンの設定のしかた

作ったはいいが表示のさせ方がわからん!というあなた!
なんだか今は(昔からかも…)ディレクトリにfavicon.icoをアップすると自動でファビコンとして表示されるみたいですよ!?
でもブログやサイトでテンプレートを使っている場合、そのテンプレートでファビコンの設定がされている場合があるので、そういう時はテンプレートで指定してあるファビコンを自作の物と差し替えればOKです。
ディレクトリトップにアップしても表示されねーよ!というあなたはファビコン作成サイトの説明にもあるこちらを試してみてください。

ファビコンをルートに設置できない場合、また、ディレクトリごとで違うfaviconを表示させたい場合は<head>セクション内に以下の記述をすることで指定できます。(URLは適宜変更して下さい)

<link rel="shortcut icon" href="http://www.sample.jp/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://www.sample.jp/favicon.ico" type="image/vnd.microsoft.icon">

ファビコン表示されないんだけど!?

ファビコンを設定してもキャッシュが残っていてすぐに表示されない場合があります。
すぐ見たい!今見たい!はよ!!というあなたは、キャッシュの削除をしてみてください。
それでも見れない時は普段使ってないブラウザで確認してみるといいかも。
私が初めてファビコン設定した時はキャッシュの削除でも表示されなかったので普段はFirefox使ってるけどIEを立ち上げて見てみたら無事ファビコンが表示されているのが確認できて感動した覚えがあります(*´Д`*)

ファビコンを設定するだけで、自分のサイトにますます愛着が湧いてきますね♪
ブックマークでファビコンが表示されるとそれだけで目立つし覚えてもらいやすくなるのでチャレンジしてみてください。

 スポンサーリンク

関連記事

line

LINEで自分のオリジナルスタンプを販売できるようになる!

こんにちは!ののです。 スタンプが楽しいスマホアプリのLINE。 そのスタンプを自作してしか

記事を読む

2014-06-07_23h40_00

スクエアエニックスを装ったフィッシング詐欺メールに注意!

こんにちは!ののです。 今日こんなメールが届きました。 本文中のリンクアドレスは公式の物

記事を読む

YouTube-logo-full_color

【YouTube】投げ銭システム”視聴者ファンディング”βテストの申し込み方法

こんにちは!ののです。YouTubeで新しい試みが始まっているようです!知りませんでした! いいな

記事を読む

 スポンサーリンク

プロフィール

プロフ画像 三重在住 いて座O型
詳しくはのNOTEについてをドゾ。

follow us in feedly
151231[1]
年末ジャンボ、7億円当たったら何に使う~?

気づいたら年末!夢見るために10枚だけ年末ジャンボを買っていたので夢を

iroenpintu
True colorのエラーが毎回出てうっとおしいので削除した結果

こんにちは!のの(@nonote_nono)です。ずっと謎のエラー

kokudu
道端での立ちションを減らす方法

こんにちは!のの(@nonote_nono)です。いいタイトルが浮

2015-01-22_13h57_49
Google日本語入力が学習しない場合の対処(Windows8.1)

こんにちは!のの(@nonote_nono)です。実は新しいPCにして

DSC00277
明治のチーズがこんがりソフトのバーコードがなんか叫んでる

こんにちは!のの(@nonote_nono)です。朝は焼きおにぎりかパ

→もっと見る

PAGE TOP ↑