サイトのサイズファビコン

Webデザインで、あなたはおそらく知っているように、すべての詳細事項。 あなたのサイトに行ってきました男は、個別に各要素を参照してください、そして他の細部で構成されたパッケージの全体画像を撮影することができません。 あなたは、リソースの開発過程で何かが欠けている場合はこのように、将来的にこの詳細は、全体の複雑な、組成物全体を台無しにすることができます。

このような罰金をすることができ、例えば、ボタンの背景、間違ったフォントいくつかの小さなアイテム、さらにはファビコン。 確かに、見てsami-大、よく知られたサイトは、ユーザーのブラウザに「ブックマーク」で、それを表す個々のアイコンを持っています。 それがなければ、資源の開発者は、彼らが最初に求められているために、組成物の作成に失敗しました。

そのため、サイトのデザインを作成している、ファビコンなどの詳細の世話をする必要があります。 この記事では、一般的なリソースのスタイルの下でそれを選択する方法についてお話しますと、画像にどのようなサイズでなければなりません。

アイコンサイト

まず、我々は、この要素を構成するものを定義します。 今お使いのブラウザのタブのタイトルを見てみましょう。 あなたが見ることができるように、左にロゴリソースの単純化されたバージョンを表す小さな絵があります。 同じ絵はのSERPsに表示されたサイト名の近くにあります。 彼らはタイトルを見たときに、ユーザーは、彼女に案内されています。

多くのウェブマスターは、この絵が必要であることを理解する - しかし、少数の人々は、サイトのファビコンが最も適切であろうどのようなサイズを知っています。 そこで、この記事では、我々は、このようなアイコンを作成する方法についての情報を与えるだけでなく、あなたのサイト上でそれをインストールする方法が、また、画像の大きさを説明すること。

目的ファビコン

だから、サイトヘッダ周辺画像を識別するために使用されます。 我々はナサニエルを参照してくださいサイトを、表現し、他人の目には、それを選択する：これは、本来の目的です。 これは、グラフィックスを使用することにより、非常に簡単になる：私たちは直感的にテキスト形式よりもはるかに迅速かつ容易に画像の情報を知覚します。 ファビコンは、この中で私たちを助けます。 しかし、ことを忘れてはいけない ファビコンのサイズは 、ユーザの目には最小限です。 これは碑文、いくつかの明確化や連絡先情報の形で付加的な情報が含まれていてもよい「キャップ」サイト内のロゴではありません。 名前の横にアイコンで表すことができるものは、ファビコンのサイズに最も適したものでなければなりません。 既に（16×16画素の）小型、示されているように、それは、です。

どのようにファビコンを選択するには？

それでは、どのようにウェブマスターは、サイトのアイコンを設計することができませんか？ 単に、最も可能性の高い、サイトのロゴを圧縮成功しないことに留意すべきです。 特定のリソースのロゴの形で置かれたポスターには、多くの場合、常に正しくミニチュア形式で表示されません別の項目を参照してください。 すぐにこの事業を放棄することをお勧めします。

もちろん、ファビコンの大きさは、ちょうどそこに碑文を挿入していることについて話すことはできません。 この解像度では、単純に見えません任意のテキスト。 私たちは、サイトのスタイルを送信するであろう新しいアイコンを開発する必要があります。 解決策を見つけるために、もう一度、の主要な会場を見てみましょう。

多くは、サービスの名前のファビコン定型化された最初の文字を使用します。 したがって、たとえば、ビング、ヤフー、Yandexのは、Wikipedia、Googleに来ます。 別のアプローチがあります - あなたは、サイトの短い名前を持っている場合は、アイコンの背景として設定することができます。 ファビコンの解像度（それは再び、到達したピクセル、16〜16ポイント）が正しく記号を表示することができますするために、それはもはや3文字以下にする必要があります。 だから、サービスAOLは、例えば、ありません。

ファビコンを作成する方法？

いくつかの方法で、サイトの名前のアイコンを作成します。 もちろん、最も簡単には - 異なる既製のソリューションと連携することです。 私たちは、あなたがそれを減らすことによって、完全なアイコンの画像を作成することを可能にするサービスやプログラムについて話すことができます。 しかし、私は自分自身でロゴの開発に着手することをお勧めします。 これは、まず、何かを学ぶことを可能にするだろう、です。 そして第二に、ツールを多数提供しています。 すべてはあなたが - つまりドローを行うだけでなく、最終版であることをどのようなサイズのファビコンを知ることができるようにする必要があります。 サイトのアイコンのサイズについて、我々は後で説明しますが、今の私たちは、このような画像を扱うの機微のいくつかの点に注意してください。 特に、このアスペクト比を明確にする必要があり、サイトのファビコンの大きさは言うまでもありません。 経験豊富なデザイナーによって示されるように、画像は、.PNG（24ビット）として、またはfayl.ICOとして保存されるべきです。

それはエンブレムを描画されるのPhotoshopの助けを借りて、例えば、次のことができ、画像を保存実行します。

外形寸法ファビコン

だから今我々は、検索結果におけるサイトの横の参照画像である必要がありますどのように偉大について話しましょう。 デフォルトでは、既に述べたように、その大きさは、（各側）のみ16画素です。 あなたは「フォトショップ」で画像を編集しようとする場合は、これは不快であるかどうかを自分のために確認してください。 したがって、我々は将来的にはちょうどエッジを絞ることになり、目的の形式で保存された拡大画像、での作業をお勧めします。

マルチプラットフォーム

しかし、ファビコンのサイズは、サイト上でどうあるべきかについて言えば、あなたはもう一つの事を覚えておく必要があります。 いないすべてのプラットフォームには、均等にリソース絵を反映しています。 例えば、網膜ディスプレイ装置は、32〜32ピクセルの量であなたのファビコンを「見ます」。 サファリでは、新しいWindowsプラットフォーム上で、すべてのこれらのアイコンは、64個のピクセルのサイズに達します。

そこで我々は、単にユーザーのプラットフォームに応じて、その変化を提供するために、将来的には、アイコンの異なるバージョンを維持することをお勧めします。 もう一つの興味深い点は、 - あなたはブラウザに依存し、それは「縮小」だろうという希望で最大の形式のアイコンをダウンロードしようとすることができます。

外国人の編集者

もちろん、あなたは良いのPhotoshopで優れているとファビコンがどうあるべきかのサイズと、それを達成するためにどのように、その画像を保存知っていれば。 しかし、そこ直前にタイトグラフィックエディタを経験していない初心者の多くは、所望の画像を描画するのは簡単ではないかもしれません。 これらのウェブマスターを支援するために、自動的にアイコンに興味が作ることができ、様々なサービスがあります。 彼らの多くは、ユーザからの投資を必要としない、でも無料です。

操作するには、時にはちょうどあなたが知っているように、これは一度だけ行われ、登録する必要がありますが、 - 実際にはないので、多くの場合、企業はファビコンを変更します。 ただ、毎日のロゴを変更するGoogleの、見て、それはアイコンをタッチしません。

ファビコンをインストールする方法？

それは正しく、それは非常に簡単です、あなたが望む画像が表示されるように一般的には、あなたのウェブサイトを設定します。 検索エンジンだけでなく、単にブラウザが情報を読み取ることができるようになります簡単な一連の手順を実行するのに十分です。

このためには、favicon.icoを結果として得られる画像を保存し、リソースのルートにそれを配置する必要があります。 すべてが今、あなたのイメージが自動的に検出されており、事件はいくつかの時間は、それはあなたのサイトにリンクされます。

この結合に加えて、あなたは別のライン、意志「プロンプト」、あなたのアイコンを追加することができます。 これは次のようになります。

<リンクのrel = "ショートカットアイコン" のhref = "のhttp：//サイト/記事/ 232267 /％D0％B0％D0％B4％D1％80％D0％のB5の％D1％の81個のアイコン" />

コードはヘッダでなければならない設定。

調査結果

だから、この記事を読んだ後、あなたは実際に対処、どのようなサイズのためのサイト、それが一般的であることファビコンでなければなりません。 それはあなたの競争相手の中で、追加割り当ての両方の観点から、意識を高めるという点で、あなたの両方の手に果たしているので、それが必要である - また、私はあなたのサイトに適したアイコンの検索があることを理解すると思います。 少なくとも主要なサイトは、私たちが顕著な例として取ることができます同じように行動します。 そして、多くの努力は、それが発生しない - 一度ファビコンを作成し、あなたのサイトにそれを正しくインストールし、あなたは、今後数ヶ月のためにそれを忘れることができます。

だから、試し気軽に新しい何かを発明する、してみてください - と成功！