favicon.icoでオリジナルのファビコンを作っちゃおう!

favicon.icoでオリジナルのファビコンを作っちゃおう!

2015.10.03

840 view

WEBサイトの完成度にこだわるならファビコンは必ず設定しておきたいところ!

でもファビコンってどうやって作るの?っという方に簡単に作成できるやり方の案内です!

以下を参考にやってみましょう!

1.8px × 8px もしくは 16px × 16pxでファビコンにしたい画像を作成

PhotoShopやイラストレーター、ファイヤーワークスで8px × 8px もしくは 16px × 16pxのファビコンにしたい画像を作成しましょう。
上記ソフトがない場合はペイントでもかまいません。

 

作成が完成したらPNG24形式で保存しましょう。

 

2.favicon.icoにアクセスして画像をファビコンに変換

favicon.icoにアクセスしましょう。(半透明画像の場合はこちら

favicon.icoに先ほど作成した画像をアップロードして変換し、ダウンロードします。

 

3.htmlにファビコンを読み込むソースを記述

以下の記述を<head>内に記述すればファビコンの読み込みを行います。

 

以上です。

 

コメント

  • まだ書き込みはありません

コメントを残す




favicon.icoでオリジナルのファビコンを作っちゃおう!