カスタムFaviconの作成

目次:

Anonim

私はある種のこっけいなことを認めるつもりです。私は本当にお気に入りが好きです。彼らは楽しいです。彼らは素晴らしいブランディングツールです。また、中小企業の所有者が自分のサイトをスパイスアップし、ユーザーの使い勝手を向上させるためにできることは、簡単なことです。

あなたがファビコンが何であるか分からないならば、私に若干の援助を提供させましょう:

$config[code] not found

Faviconsは、アドレスバー、ユーザーのブックマークの一覧、またはブラウザのタブに表示されるWebサイトを表す16×16ピクセルの小型グラフィックです。それらはあなたの訪問者があなたのサイトとの視覚的なつながりを作り出すことを可能にします。

きちんと!どのように作成しますか?

あなたのfaviconをデザインしてください:

  • 手で:あなたの好きなグラフィックプログラムを開いて、それに行きましょう。 16×16ピクセルの新しいファイルを作成してその領域が機能するようになるまでズームインするか、それより大きいが16×16の倍数の領域を開いてください。自分のファビコンを手作業でデザインするときは、一般的な配色、会社のイニシャルなど、ブランドを正確に表すものを使用してください。作成するものはすべて、16×16ピクセルという厳しい制限に耐える必要があります。
  • ツール付き:デザインに挑戦するのであれば(心配は無用ですが)、私たちのような人々でも簡単にお気に入りを作成できる優れたツールがいくつかあります。例えば、Favicon.ccはあなたにいくつかの構造を与えて、あなたが彼らのサイトから直接あなたのものを造らせるか、PicsのFavIconがあなたに写真をアップロードさせてあなたのためのfaviconを生成させるでしょう。シンプル!

ファビコンを保存注意:ファイルを保存するときは、ファイルを16ビットに減らし、Photoshopを使用している場合は「favicon.ico」、それ以外を使用している場合は「favicon.gif」または「favicon.png」として保存してください。 Photoshopを使用していて、faviconに追加の機能を追加したい場合は、ICO形式で保存できるように、Windowsアイコンファイル形式プラグインをダウンロードすることをお勧めします。

あなたのfaviconをアップロードする:あなたのサーバーに接続してあなたのサイトのルートフォルダにあなたのfaviconをアップロードしてください。次に、Webページのheadセクション(2つのHeadタグの間)に次のHTMLコードを追加します(ファイルの種類を選択します)。

更新する:完了したら、ブラウザを更新すると、お気に入りアイコンが表示されます。そうでなかったら、それを数分与えなさい。すべてが同期するまでに少し時間がかかることがあります。

以上です! 4つのステップとあなたは、ユーザーがブックマークのリストまたは彼らのブラウザであなたのサイトを認識するのを助けるであろう素晴らしいブランドのfaviconを持っています。かなり単純ですね。

楽しみのためだけに、ここに私のお気に入りのWeb上のお気に入りがいくつかあります。

  • ミシガン州の花火
  • ジェフリー・ゼルドマン
  • Boing Boing
  • 百科事典.com
  • Fool.com
  • マイケルグレイのSEOブログ

他に個人的なお気に入りはありますか?

17コメント▼