★オリジナルアイコンfaviconを指定する

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

アイコンとなる画像ファイルを用意する

広告



ブラウザのタブ部分などで、ページタイトルの左端に表示されるアイコンをオリジナルアイコンにすることができます。

このオリジナルアイコンは、ファビコンと呼びます。
せっかくですから、自分のウェブサイトのオリジナルアイコン(ファビコン)を指定してみましょう。

まず、アイコンとなる画像ファイルを用意します。
サンプルサイトでは、以下の画像を作成しました。
ファイル形式はPNGにしましたが、GIF・BMPなどの形式でも問題ありません。

アイコン画像ファイルをico形式に変換する

用意した画像ファイルをico形式に変換します。
ico形式への変換にはフリーソフトを利用しても良いですが、よりお手軽に、ウェブ上で画像変換してくれるサービスを利用しても良いでしょう。
「ファビコン 作成」などのキーワードで検索すれば、いくつもヒットします。

作成したアイコンファイルのファイル名は「favicon.ico」としてください。
favicon.icoはindex などと同じフォルダ階層に保存します。

link要素でfavicon.icoを呼び出す

favicon.icoが用意できたら、アイコンを使用するウェブページのHTMLソースからlink要素でfavicon.icoを呼び出します。

index 、product 、profile 、contact の各ページに、以下の一行を追加してください。
追加する位置は<head>~</head>の中です。

HTMLソース(index 、product 、profile 、contact の各ページ)

<head>
(中略)
<link rel="stylesheet" media="print" href="print.css">
<link rel="shortcut icon" href="favicon.ico">
(中略)
</head>

上記の一行を追加して上書き保存したHTMLファイルindex 、product 、profile 、contact と、アイコンファイルfavicon.icoをアップロードしたら、ファビコンの指定は完了です。
ブラウザでサンプルサイトを表示してみましょう。

ファビコンがサポートされている環境では、ブラウザのURL欄やタブの先頭などにオリジナルアイコンが表示されるようになります。

ここまでの制作段階で、サンプルサイトは以下の状態となっています。

まとめ
  1. ブラウザのタブ部分などに表示されるアイコンを、オリジナルアイコンにすることができる
  2. アイコンとなる画像を作成して、ico形式に変換、ファイル名を「favicon.ico」とする
  3. HTMLファイルの<head>~</head>内で、link要素でfavicon.icoを指定する
<前へ 目次へ 次へ>

広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
52 users signed up
もっと表示する