レオナール・ド・ヴィンチはこう言っている:"細部は完璧をもたらすが、完璧は細部ではない"。これ以上の真実はない。 インターネット・サイト.それは、調和のとれた、機能的なツールを作成することを可能にするいくつかの小さな要素の集まりです。もし、あなたが既にこのステップを終了しているのであれば、次のステップに進んでください。 ロゴ作成ファビコンを作成します。たとえ小さなものであっても、この要素はサイトの全体像や訪問者に与える印象において非常に重要です。
ファビコンとは何ですか?このツールについてご説明します。ファビコンはどのようなもので、どのようなサイズで、どのように作成すればよいのでしょうか?
ファビコンの定義:ファビコンとは何か?
ファビコンは、インターネット上のサイトを表示するためにWebナビゲーターで使用される小さなアイコン(16x16ピクセル)です。通常、男性には "ファビコン "と表記されます。つまり、この言葉はフランス語で "favorite icon"(お気に入りのアイコン)という略語であり、faviconという言葉が男性用ではなく女性用であるのはそのためです。
これは、アドレスバー、標識、お気に入り、またはナビゲータの履歴に上下に表示されます。これは、ウェブ上であなたのサイトを識別するための視覚的なツールです。
なぜファビコンをつけるのですか?
小さいけれど、とても重要。小さくても、ファビコンは重要です。利用者のエクスペリエンスを向上させ、リファランスにポジティブな影響を与え、あなたのブランドのブランディングに重要な役割を果たし、プロフェッショナリズムを高めることができます。詳細はこちらをご覧ください:
利用者の体験 ファビコンは、訪問者の目に留まるサイトの視覚的要素です。このファビコンのおかげで、ナビゲータバーに簡単にアクセスすることができます。
リファレンス たとえファビコンが検索エンジンであなたのサイトをクラス分けするための基準ではないとしても、ファビコンはあなたのリファレンスに間接的な影響を与えます。信頼できるサイトになることで、訪問者はより多くの時間をあなたのページに費やすことになります。これは、Google の品質評価となります。
ブランド・イメージファビコンはあなたのサイトのアイコンであり、その画像にパーソナライズされたものであることが重要です。ファビコンはあなたのサイトのアイコンであり、イメージに合わせたパーソナライズが必要です。ファビコンは、あなたのスタイルとトーンを、厳密なページ構成とは別に表現するものです。
プロフェッショナリズム ファビコンを使うことで、あなたのサイトをより魅力的にすることができます。このファビコンは、あなたのサイトにプロフェッショナルな印象を与えます。訪問者は、あなたのサイトがインターネット上でも、それ以外でも存在することを認識します。
ファビコンを作成するには?
ファビコンを作成するには、プロのグラフィックデザイナーに依頼する方法と、オンラインツールを使って自分で作成する方法があります。そのために、次のことを学びましょう。 ロゴを作る.私たちは Wixロゴメーカー.あなたのスタイルをよりよく反映し、あなたの要求に応える、個性的でプロフェッショナルなファビコンを作成することができます。
テール
ファビコンの最適なサイズは16x16ピクセルです。これが標準的なサイズです。ファビコンは、その用途に応じて、より大きなサイズで表示されることもあります:
32 x 32 : タックバー ファビコン
96 x 96 : ブラウザー用ファビコン
180 x 180 : ファビコン アップルタッチ
ヒント : 画像を拡大・縮小する方法をご覧ください。 お好みのサイズにお好みのサイズに。
ファイル
ファビコンに最適なファイル形式はJPEGまたはPNGです。SVGは、ますます多くのナビゲータが使用するようになり、ますます一般的になっています。ナビゲータは、GIFとして作成されたファビコンを表示することもできますが、そのサイズが小さいため、表示するのが難しくなります。もっと詳しくお知りになりたい場合は さまざまな画像フォーマット?このガイドを参照して、さらに知識を深め、使い方を学んでください。
透明性
画像が透明である場合、透明化オプションを有効にしてPNGファイルを登録してください。
ファビコン作成のアドバイス
あなたのアイコンが小さければ小さいほど、注意して作成する必要があります。あなたのファビコンを目立たせるためのヒントがあります。
シンプルさ
ファビコンはとても小さなアイコンです。そのため、とてもシンプルでなければなりません。複雑なデザインは避けましょう。テクスチャーや色合いは、あなたの視覚を読みにくくします。シンプルな画像に色彩を加えることで、一目でわかるようになります。
ファビコンイリア・ボナールiジュエリー作家でWixの利用者でもあるIlaria Bonardのファビコンは、3つのポイントで構成されたシンプルなファビコンの優れた例です。私たちは、次のファビコンの素晴らしい喜びを味わっています。 Ducknologyこのロゴは、Ducknologyのロゴに合わせたもので、このサイトとブランドをユニークなものにしています。
視覚的アイデンティティ
ファビコンはあなたのブランドの個性を表現するものです。サイトの他の部分と同じグラフを使用して、ファビコンを作成してください。
グラフィストのWixサイトへ Bhroovi弧を描く色彩のファビコンは、Webサイトのカラービジュアル言語の連続性に組み込まれています。eBayのファビコンは、ブランドの色彩と小さな袋のアイコンを融合させ、ロゴのデザインをそのままにサイトのエスプリを見事に表現しています。
テキスト
Le textte, or plutôt, devrions-nous dire " l'absence de textte ".タイポグラフィを追加したい場合は、3文字までにしてください。イニシャルや省略記号を使用するのは良い解決策です。
協会 アルテ例えば、ファビコンの「A」だけでなく、アールデコ調の蛍光色を使用することで、注目を集めることができます。 レッドファーン彼らは、より読みやすくするために、テキストではなくロゴの線を使っています。
検索 : ガイドを参照してください。 画像から警察を識別する.
ロゴ
あるロゴはファビコンにうまく利用できますが、他のロゴは小さなスペースでは表示しにくいです。そのような場合は、いくつかの調整を行う必要があります。Google 例えば、Gマルチカラー以外は使用していません。Wixの利用者 シャルロット・メイ ロゴに使用されているタイポグラフィのスタイルを維持したまま、イニシャルを変更。ロゴとファビコンを調和させる簡単な方法をいくつかご紹介します。
カラー
あなたのファビコンの背景色は、使用する背景やナビゲータによって変化します。そのため、黒、グレー、ノールのいずれにもマッチするデザインを作成する必要があります。まずはテストをしてみてください。
HTMLファビコンを追加しますか?
Webサイト構築ツールを使ってサイトを作成した場合、HTMLにファビコンを追加する必要はありません。この方法は、開発者によって構築されたサイトにのみ適用されます。あなたのWebサイトにファビコンが表示されるように、ファビコンをコードの先頭に挿入する方法を説明します:
<link rel="icon" type="image/png" href="Favicon.png"/>
Wixサイトにファビコンを追加する方法
Wixサイトは、すでにジェネリックファビコンを使用しています。そして、あなたの会社のイメージに合わせてパーソナライズすることができます。そのためには、プレミアムファビコンでサイトを強化し、ドメインに接続する必要があります。
注ぐ ファビコンを変更する:
テーブルを表示させ、次のボタンをクリックします。 パラメータをクリックし 一般情報.
をクリック クリックライン上 ファビコン.
をクリック 画像をダウンロード.
をクリック ページに追加.ナビゲーションバーにファビコンが表示されます。
をクリック アプリをクリックしてください!サイトが公開されると、サイト上にファビコンが表示されます。
ファビコンをテストする
ファビコンを挿入したら、そのファビコンが表示されているすべての場所で、そのファビコンの表示を確認してください。その際、キャッシュの問題を避けるため、プライベートナビゲーションモードにすることをお勧めします。
また、ナビゲータ、シグネチャ、ナビゲータ履歴、可能であれば検索結果など、サイト利用者が目にするあらゆる場所でファビコンの存在を確認してください。まだ有機的なキーワードで分類されていませんか?あなたのサイトがインデックスされている場合、企業名やブランド名を検索エンジンに入力することで検索することができます。ファビコンを再表示すると、正しく表示されていることを確認できます。
ファビコンを変更する絶好の機会です。最終的なビジュアルコンセプトは、あなたのブランドの本質を捉えていますか?そうであれば、あなたのファビコンは世界中に広まるでしょう。
インターネットサイトをお持ちで、ファビコンにロゴを入れたいですか?当社の ロゴ作成ツール!