無料ロゴチェック

スコアの見方

6項目を「問題なし」「確認をおすすめ」「修正が必要」で判定し、重みを付けて100点満点にまとめます。小さい表示の比重が最も高く、配色と縦横比は低めです。

結果は合否の宣告ではなく、やることリストとして読んでください。長いワードマークは形で減点されても、正方形版を別に用意すれば、メインロゴとして適切な場合があります。

小さい表示とファビコン

ファビコンはブラウザーのタブに出る、通常16または32ピクセルのアイコンです。長辺を32ピクセルに縮め、どれだけ細部が残るかを測ります。細い線、小さな文字、キャッチコピー、複雑な絵からつぶれ、横長ロゴは高さが数ピクセルになります。光と影にも面積が必要なので、3Dロゴ作成のロゴは大きく使い、タブにはフラットなアイコンを用意しましょう。

対策は、シンボルかイニシャルだけのアイコン版です。線を太くし、小さな文字を省きます。名前とシンボルがあるテンプレートでは、ダウンロードにそれぞれの単体ファイルが付きます。

明るい背景と暗い背景

白と暗いネイビーに対し、ロゴがどれだけ目立つかを測ります。形と背景を分けるのは明るさなので、色相ではなく明度を比較します。ファイル自体に背景がある場合は、その背景との違いを調べます。

暗いロゴは暗いヘッダーや写真で、淡いロゴは白い背景で見えにくくなります。白抜き版（通常は白一色）と、スタンプや彫刻向けの黒一色版を用意しましょう。テンプレートのロゴには両方が付き、ロゴメーカーでは自分で色を変更することもできます。

背景透過

画像の端を調べます。透明なピクセルがあれば、ほかの背景に重ねられます。周囲が同じ色で埋まっていれば、四角い背景があると判断し、その色を表示します。

JPEGは透明にできず、スクリーンショットは背後の色も記録します。灰白の市松模様を描き込んだPNGにも注意してください。透けて見えても模様が画像の一部です。元データから背景透過PNGで書き出すか、SVGを使いましょう。手作業で切り抜くと、暗い背景で白い縁が見える場合があります。

画像入りのSVGと低解像度

本当のSVGは図形とパスでできており、拡大しても鮮明です。一方、ピクセル画像を包んだだけのSVGはPNGと同じようにぼやけます。ロゴチェックではこれを検出します。

PNG、JPEG、WebPは画素数を確認します。小さい画像を拡大しても、粗いピクセルが大きくなるだけです。長辺1,500ピクセル以上は問題なし、800〜1,499は画面向けで印刷には不足、800未満は修正が必要です。JPEGは背景透過に非対応なので満点にはなりません。印刷用に本当のベクター、画面用に2,000ピクセル以上のPNGを残しましょう。AIロゴ作成のSVGは、画像の埋め込みではなく、実際の図形へトレースしています。

色数が多すぎる場合

小さな点を除いて主な色を数えます。3色までは問題なし、それ以上やグラデーション、質感は確認をおすすめします。画面では色を増やしても費用は変わりませんが、シルクスクリーンは色ごとに版、刺繍は色ごとに糸が必要です。2〜3色のフラット版と、スタンプ向けの単色版を用意しましょう。3Dや絵画風のロゴも、刺繍やシルク印刷にはフラット版を使います。

極端に横長・縦長のロゴ

最後に縦横比を測ります。長辺が短辺の約2.6倍までなら正方形に収まりやすく、4.5倍を超えると修正が必要です。プロフィール画像、アプリアイコン、ファビコンは正方形や円形なので、長いワードマークは細い帯のようになります。名前の上にシンボルを置く縦組み版も用意しましょう。

用途に合うファイルを選ぶ

DepthLogoのダウンロードはフォルダーに整理され、READMEに使い道を記載しています。基本は次のとおりです。

• ウェブサイトやネットショップにはSVG、または表示サイズの約2倍の背景透過PNG・WebP。
• ブラウザーのタブには、フルロゴではなくアイコンから作ったファビコン一式。
• スマートフォンのホーム画面には180ピクセルのApple touchアイコン、192・512ピクセルのアイコン。
• SNSプロフィールにはブランドカラーを背景にした正方形のアイコン画像。多くのサービスでは円形に切り抜かれます。
• 名刺などの印刷物にはPDFまたはSVG。
• 看板、刺繍、彫刻には、フラットな色のSVGか単色版。
• メール署名や文書にはPNG。SVGを表示できないアプリもあるためです。