あなたのブランドのロゴは、あなたのウェブサイト上の小さなファビコンから忙しい高速道路上の巨大な看板に、非常に多くの異なる場所 あなたのウェブサイトの中でさえ、あなたのロゴが行くためのさまざまな場所があり、さまざまな方向とサイズがあります。 そして、あなたのロゴを使用するたびに–またはifのバリエーション–それは、一貫性のある鮮明で認識可能でなければなりません。

最初から必要なさまざまなロゴの寸法とサイズを知っていれば、ウェブサイトやソーシャルメディア、印刷製品、その他すべてのブランドの担保に追加する方がはるかに簡単になります。

私たちのYoutubeチャンネルを購読

ロゴバリエーション

ほとんどの場合、ロゴには3つの要素があります：会社名、アイコン、スローガン。 画像やシンボルとタイポグラフィやワードマーク：または、あなたは二つの主要なコンポーネントを持っているとして、ロゴを考えることができます。 最終的には、これらの要素を一緒に使用することも、別々に使用することもできますが、どのように配置しても、ブランドを反映する必要があります。それはデザイン、寸法、向き、形状やサイズに来るとき一つのロゴは、いくつかのバリエーションを持つことができます。

お客様がロゴを使用するコンテキスト–当社の目的のために、それがあなたのウェブサイト上で行われる場所–は、お客様が選択したロゴのバージ また、ロゴを異なる背景やサイズに適応させるたびに、その完全性を維持することが目標です。

ここでは、あなたのウェブサイトや他の場所で使用するために作成することを検討すべき一般的なロゴのバリエーションがあります。

• 水平、正方形、垂直
• 黒、白、フルカラーと逆色
• 通常の背景と透明な背景
• フルロゴ、アイコンのみと限られたテキストまたは単一の文字/モノグラム

あなたが作成する別のロゴのすべては、彼らが使用されるべき場所の詳細と一緒に、あなたのブランドキットに含まれる必要があります。….. そしてあなたのロゴの変化をあなた自身を作成しなければ、それらを作成している代理店かデザイナーが元の、第一次ロゴと共に変化すべてを送る

ロゴファイルの種類

ファイルの種類は、拡大または拡大されたときのロゴの外観に影響します。 拡張性のないファイルタイプを使用してロゴを作成すると、大きくなるにつれてぼやけてピクセル化されます。 あなたはこれを望んでいません–あなたのロゴは、それが小さいか巨大であるかどうか、詳細かつ完璧に見えるようにしたいです。

品質を損なうことなくロゴをスケーラブルにするためには、ベクトル形式、好ましくはPNGファイルとしてする必要があります。 PNGは可逆圧縮ファイルであるため、ファイルサイズはかなり小さくなりますが、デザインの品質は維持されます。 PNGファイルで透明な背景を使用することもでき、webサイトやその他のデジタルスペースに適しています。 オンラインでロゴを表示する場合は、読み込み時間を短縮するためにPNGファイルを200KB未満にする必要があります。あなたはJPGファイルに精通しているかもしれませんが、あなたはあなたのロゴのためにJPGを使用したくありません。

このタイプのファイルは非可逆圧縮であり、可逆圧縮ではありません。 ファイルサイズが少し小さいため、PNGよりもスペースが少なくなりますが、品質が悪くなり、特に拡大しようとするとロゴがピクセル化されて見える

あなたのウェブサイトのロゴサイズを選択する

あなたのロゴは、あなたのウェブサイト上の二つの主要な場所に移動します：ファビコンと それらの場所の特定の寸法を見てみましょう。

ファビコンのロゴサイズ

ファビコンのような小さなスペースでは、領域が小さすぎてテキストが読み取れないため、アイコンのみのロゴサ または、ロゴが単語の場合は、単語の最初の文字または複数の単語がある場合はモノグラムバージョンのいずれかを使用できます。 以下の例では、いくつかのギフトカードを含むさまざまな場所で使用されているAmazonの1文字のロゴが表示されます。

Source:Amazon

P.S. ファビコンは、検索バーのウェブページのタイトルの横に表示される小さなアイコンであり、ブックマークやお気に入りリストにも表示されます。

標準のファビコンサイズは次のとおりです。

• 16×16ピクセル（最も一般的な）
• 32×32ピクセル
• 48×48ピクセル

ナビゲーションバーのロゴサイズ

あなたのウェブサイトのナビゲーションバーまたはヘッダーは、あなたのウェブサイトのホームページになります。ロゴ–おそらく完全な、標準的なもの。 通常、ロゴはナビゲーションバーの左側に表示されます。

正確なサイズは特定のウェブサイトビルダーに依存しますが、サイズオプションは約次のようになります。

• フルバナー：468×60ピク160×160ピクセル

これらは実際のヘッダーのサイズではありません–ヘッダーは大きくなります–しかし、それらはそれらのタイプのウェブサイトのヘッ

他の場所あなたのロゴを使用します

あなたのウェブサイトのためのあなたのロゴのバリエーションを作成するつもりなら、それはまた、あな たとえば、

• デジタル広告やバナーにはロゴが必要です。
• ソーシャルメディアでは、背景、バナー、カバー写真、プロフィール写真、投稿やサムネイルにあなたのロゴが必要になります。
• 物理的な材料を販売しているオンラインショップのブランドのために、磁石、マグカップやtシャツに印刷されたあなたのロゴが必要な場合があ
• あなたが販売したり、物理的な材料を送信する場合は、ボックス、封筒、多分梱包テープのように、出荷材料にあなたのロゴを置くでしょう。Canvaのようなツールは、Facebookのカバー写真やInstagramのストーリー投稿など、さまざまな場所でグラフィックに最適なサイズのすぐに使えるテンプレートを用意していinstagram。

Canvaのようなツールは、Facebookのカバー写真やInstagramのストーリー投稿など、さまざまな場所でグラフィックに最適なサイズのテンプレートを用意しています。 あなたは、テンプレートにあなたのロゴをポップし、あなたがそれを必要とする場所を使用するために、最終的なデザインをダウンロードすることができます。

あなたのウェブサイトのためのロゴのサイズについての最終的な思考

それはあなたのロゴに来るとき、そのバリエーションとあなたのウ そして、それは完璧な科学ではないので、あなたはどこで何を使うべきかを決めるためにあなたの芸術的な目と最高の判断を使うことができます。 あなたのロゴはあなたの会社について多くのことを伝え、それは視聴者の知覚に影響を与えるあなたのブランディング要素の一つです。 それは使用されてもどこで明確、良質に見るべきである。あなたのロゴは行く準備ができていますか？

Diviでカスタムロゴ画像を追加する方法は次のとおりです。 またDiviのあなたのロゴを表示する簡単で、創造的な方法の私達の記事を好むことができる。

Mas Blend/.comを介して注目の画像