確かに、何度か、ファビコンについて聞いたことがあるでしょう。 これはウェブデザインと密接に関係しており、オンラインストア、ブログ、ウェブサイトなど、すべてのページで重要なポイントです。 彼らはあなたに尋ねるつもりです。 だが、 ファビコンとは何ですか? それはなんのためですか? そして何よりも重要なのは、それがどのように行われるのかということです。
これについて多くの疑問がある場合は、ここで、それを理解できるように、そして何よりも、プロジェクト内でそれを提示し、より良いプレゼンテーションを残すことができるように、鍵を提供します。 私たちはあなたを保証します!
ファビコンとは
まず、ファビコンとは何かを説明して、理解できるようにします。 そして、このために、あなたに実際的な例を与えることに勝るものはありません。 あなたが今閲覧していると想像してください(実際、あなたは私たちを読んでいます)。 ただし、タブはXNUMXつだけではなく、いくつかあります。 YouTube(BGMを聴いているため)、Gmail(メールを開いているため)、このページなど、それぞれにそのページが反映している名前が表示されていることに気付いたかもしれません。
それぞれの名前の横の左側に、小さな画像が正方形で表示されます。 YouTubeとGmailにあるものは、それらが持っているロゴによって確実に識別されますが、残りのタブはどうですか?
さて、あなたが見るものは実際にはファビコンです。 言い換えれば、それは アクセスしているページに関連するアイコン、 そのため、この詳細に注意を払うことが非常に重要です。お気に入りやショートカットにページを追加すると、ファビコンがそのページの「画像」になり、そのためにデザインに注意を払う必要があるためです。完全に関連しています(そして何よりも他と区別するのによく見えます)。
この小さなアイコンのサイズは通常16×16ピクセルに設定されています(ただし、32x32pxに設定することもできます)。 その中には、入れたものがすべて正しく表示されるように注意する必要があります。そうしないと、少し識別可能な汚れとして表示されます(ページの画像が非常に悪くなります)。
ファビコンがそれほど重要なのはなぜですか?
ファビコンが何であるかがわかり、通常開いているページにファビコンを配置したので、今日、欠落しているページがますます少なくなっていることに気づきましたか? エレガンスとノウハウのビジョンを与えることが非常に重要だからです。 つまり、細部に気を配るブランドや企業のイメージを伝えることになります。
ただし、ファビコンには次のような他の用途もあります。
- ページの識別として機能します。 通常、このファビコンはWebサイトにあるロゴに関連していますが、サイズは小さくなっています。 ただし、ロゴが大きすぎてボタンに表示されない場合は、それに関連するものを選択する傾向があります。
- あなたはあなたのページを保存したユーザーがそれを視覚的に識別するのを助けます。 したがって、URLや会社名を覚えていなくても、ファビコンの画像が原因でその場所を特定できます。
- SEOで「良い」こと。 これはピンセットで取る必要があります。 そして、ファビコンの有無はSEOに直接影響しません(つまり、ファビコンの有無にかかわらず、あなたを良くも悪くも位置付けません)。 現在、ブラウザがページに入るとそのファビコンを探し、見つからない場合は404エラーが発生することがますます一般的になっています。これらのエラーは、SEOには適していないことがわかります。ページの。
ファビコンの作り方
見てみると、ファビコンがWebページを持つときに不可欠な要素であることは明らかです。 さて、どうやって作るの?
ほとんどの場合、それが何をするのかを知っておく必要があります そのウェブサイトのロゴを選択するか、大きすぎる場合はそれを識別するものを選択してください。 たとえば、なんらかの方法で電話をかけたテレビのWebサイトがあるとします。 しかし、ファビコンでは、それは大きすぎます。 代わりに、テレビの写真を置いて、テレビを関連付けることができます。 このような場合は、ウェブサイトをわかりやすくするために、ウェブサイトと同じ色を着用することをお勧めします。
そして今、どうすればファビコンを作成できますか? さて、あなたにはいくつかのオプションがあります:
Photoshop、Gimp..。
つまり、ファビコンは画像とまったく同じように作成されるため、画像編集プログラムについて話します。 もちろん、jpg、gifなどとして残すことはできないため、そのように認識されるようにするには、.ico形式で保存する必要があります。
この方法で ファビコンをより適切にカスタマイズできます。 何とかゼロから作成し、必要な仕上がりを実現します。 通常、このためには、通常のサイズの画像を操作してから、そのボタンのサイズに合わせます。
実際には、アップロードしてさまざまなブラウザでテストし、見栄えがよく、代表的で、何よりも理解されているかどうかを確認する必要があります。
オンラインツールの使用
この場合、必要な画像を数秒でファビコンに変換するWebページを参照します。 しかし、あなたはまたのオプションがあります それらのページを使用してファビコンを直接デザインします。
前者が必要な場合(画像をアップロードして変換する)、FaviconGeneratorまたはFavic-o-maticをお勧めします。 ただし、後者が必要な場合(最初から設計する場合)は、favicon.ioまたはx-iconエディターに賭けてください。
WordPressで
あなたのページはWordPressで作られていますか? そして、そのシステムを使用してファビコンを作成できることをご存知ですか。 このために、アップロードした(またはアップロードした)画像に基づいてこのボタンを作成できるプラグインを使用できます。 またを通して 「見た目・カスタマイズ」ができます。
ファビコンが完成したら、それをWebサイトに配置し、ページ名の左側の領域に表示できるように、またお気に入りに保存するときにファビコンを認識させる必要があります。 このようにして、彼らは、それが本当に訪問したかったページであるかどうかを読むのをやめることなく、あなたを簡単に認識します。