URL ロゴの作成方法

ファビコンは、ウェブサイトの存在感に微妙な視覚的センスを加える創造的で実用的な方法です。ファビコンは、Web ブラウザーがページ タブやアドレス バーで使用する小さな画像です。タイトルまたは URL の横に視覚的なブランド識別子として機能する Web サイトに関連付けられたロゴまたは画像を表示します。ファビコンは、タブ ブラウジングで特に便利なサイト識別子です。ユーザーがタブを開くと、ページ タイトルに使用できるテキスト スペースがほとんどなくなるためです。

ステップ 1

写真またはグラフィック編集プログラムで使用するアイコンをデザインします。サイトまたはブランドに関連付けられている既存のロゴまたは画像を取得して、ファビコン標準に準拠するように調整できます。ファビコンは常に正方形のサイズを使用し、サポートされる最大サイズは 256 x 256 ピクセルです。アイコン パッカーを使用して複数のサイズをサポートする場合は、256 x 256 ピクセルの正方形に収まるように画像をトリミングしてサイズを変更します。 1 つのバージョンだけを作成する場合は、16 x 16 ピクセルのサイズを使用してください。

ステップ 2

グラフィック デザイン プログラムからアイコン グラフィックを PNG イメージ ファイルとしてエクスポートします。 PNG は、favicon の W3C 標準画像形式です。一部のブラウザでは JPG ファイルがファビコンとして表示される場合がありますが、標準は公式にはサポートされていません。さらに、アイコン パッカー プログラムは、他の形式の画像では機能しない場合があります。ファビコンは GIF ファイルと ICO ファイルもサポートしています。

ステップ 3

ICO コンバーター プログラムを使用して、エクスポートした PNG ファイルを ICO ファイルにパックします。アイコン コンバーター プログラムは、PNG ファビコンを処理し、広くサポートされているいくつかの異なるファビコン サイズに合わせてフォーマットし、それらを 1 つのファイルに埋め込みます。 ICO ファイルは、それらをサポートするデバイスに対して 16 x 16 ピクセルよりも高い解像度のファビコンを提供します。

ステップ 4

Web サイトのホスティング サービスにログインし、PNG または ICO ファイルを Web サイトのメディア サーバーにアップロードします。アップロードされたファイルの URL をコピーします。ファビコンをサイトに添付するために必要になります。

ステップ 5

サイト編集プログラムを開き、次のコードを、示されているファビコン ファイルの URL で変更して、

に追加します。 あなたのウェブサイトの セクション。

PNG ファイルの場合:

ICO ファイルの場合:

CMS で制御されたサイトを使用していないか、ファイル ベースの

セクションでは、アイコンを掲載する各ページにコードを追加する必要があります。サイト ページを保存して更新すると、ファビコンが表示されます。

ヒント

Photoshop や Corel Draw などの写真編集プログラムは、アイコンのデザインと書式設定に適しています。または、Paint.net や Pixlr などの無料プログラムを使用することもできます。

警告

一部のブラウザーは、/favicon ディレクトリにある画像ファイルを favicon として自動的に関連付けます。ただし、W3C 組織は、この方法は広くサポートされている標準ではなく、Web アーキテクチャの原則に反するため、推奨していません。さらに、多くの Web ホスティング サービスや CMS システムでは、ユーザーがメディア コンテンツをメディア ファイル ディレクトリの外に配置することを許可していないため、このような慣行は不可能になっています。