Web、SNS、メール、印刷用のロゴサイズ

ロゴのサイズは、使う場所で決まります。SNSのプロフィール画像なら約400×400pxの正方形、ウェブサイトのヘッダーなら約400×100pxの横長のロゴ、メールの署名なら幅100⁠～⁠300px、ファビコン一式なら16⁠～⁠512px、印刷物ならベクターファイルか、印刷サイズで300dpi（⁠1インチあたりのドット数）です。ベクター形式のマスターデータを1つ用意し、各サイズはそこから書き出します。下の各プラットフォームの数値には、そのプラットフォームの公式ヘルプページへのリンクを付けています。サイズは2026年11月4日に確認しました。

無料のLogo Finderなら、あらゆる企業のウェブサイトや手持ちのファイルから、512、1024、2048、4096pxの透過PNG、正方形のアイコン、ファビコン一式、印刷用のベクターファイルを書き出せます。

ウェブサイトのロゴのサイズは？

ウェブサイトのヘッダーのロゴは、約400×100pxの横長の画像が一般的です。高解像度の画面でもくっきり表示されるよう、表示サイズの2倍で保存します。さらによいのは、どのサイズでもくっきり表示されるSVGです。WordPressのテーマハンドブックはカスタムロゴの例で、幅と高さを可変にした400×100pxを使っており、Shopifyのブログはデスクトップ表示の横長のロゴに400×100pxを推奨しています。

2倍で保存する理由は、MDNが解説しています。CSSの1ピクセルにデバイスのピクセルが2つある画面では、ブラウザーが大きいほうのファイルを読み込むので、同じ表示サイズでもロゴがより精細に表示されます。SVGならこの問題自体がありません。「希望のサイズまでなめらかに拡大縮小できる」からです（MDN）。サイトの構造化データに記載するロゴについては、Googleは112×112px以上で、白い背景でもきれいに見える画像を求めています。

SNSのロゴのサイズは？

SNSのプロフィール画像は正方形で、ほとんどのプラットフォームが1辺320⁠～⁠720pxを推奨しています。LinkedInはページのロゴに400×400px、Xはプロフィール画像に400×400px、Facebookはページのプロフィール画像に320×320px、Googleビジネスプロフィールは写真に720×720pxです。Facebookはプロフィール画像を円形に切り抜くので、ロゴは正方形の中央に収めてください。

1024×1024pxの正方形のマスター画像が1つあれば、上のプロフィール画像の枠すべてに使えます。最大の推奨サイズである720×720pxより大きく、各プラットフォームが縮小して表示するからです。Logo Finderのファビコンをダウンロードすると、この用途に合わせて正方形に収めたロゴを取得できます。カバー画像やバナーには、横長のロゴをブランドカラーの背景に置き、YouTubeの1235×338pxのセーフエリアの内側で、Xで切り取られることがある60pxにかからない位置に配置してください。

メールの署名に入れるロゴのサイズは？

メールの署名のロゴは、幅100⁠～⁠300px、高さ30⁠～⁠100pxが一般的です。高解像度の画面でもくっきり見えるよう、その2倍のサイズでアップロードし、署名のHTMLで半分のサイズに指定します（Email Signature Rescue）。Exclaimerは、署名全体の幅を約600pxに収め、画像はできるだけ50KB未満のPNGかJPEGにすることを推奨しています（Exclaimer）。

本格的に使い始める前に、ダークモードでロゴを確認してください。明るい背景を暗くするメールアプリがいくつもあり、透過PNGの暗い色のロゴは見えなくなることがあります。ダークモード用のロゴの作り方では、細い白のフチ取りから、Apple Mailが切り替えて表示する白いバージョンまで、対処法を紹介しています。

ファビコンに必要なサイズは？

ウェブサイトに必要なファビコンは、ブラウザーのタブ用のfavicon.ico、iPhoneのホーム画面用の180×180pxのAppleタッチアイコン、Webアプリマニフェストに記載する192×192pxと512×512pxのアイコンです。Chromeでは、サイトをアプリとしてインストールできるようにするために、このマニフェストのアイコンが必要です。検索結果用には、Googleは8×8px以上の正方形のファビコンを求めており、48×48pxより大きいサイズを推奨しています。

Logo Finderのファビコン一式は、1つのロゴからこれらをまとめて作ります。ブラウザーのタブ用のfavicon.ico、16⁠～⁠256pxのすべてのサイズを収めたicon-256.ico、180pxのAppleタッチアイコンと192px・512pxのマニフェスト用アイコンを含むPNGアイコン、それらを記載したsite.webmanifest、そしてページのhead要素に貼り付けるコードです。Windowsにも対応する1つのアイコンファイルが必要なら、無料のPNG→ICO変換で、どんなPNGやロゴからでも16、24、32、48、64、128、256pxを収めた1つの.icoを作れます。ほかのウェブサイトが使っているアイコンを見るなら、ファビコン取得でURLからアイコンを取り出せます。透明な正方形の上の暗い色のアイコンは、ダークモードのブラウザーのタブで見えなくなることがあります。ダークモード用の配色を持つSVGのファビコンなら、暗いタブでも見やすさを保てます。

印刷用のロゴのサイズは？

印刷用のロゴは、ベクターファイルならサイズの制限がありません。画像の場合は、印刷する1インチあたり約300ピクセルが必要で、これは印刷会社が公表している目安です（Vistaprint、4imprint）。つまり、PNGの幅のピクセル数を300で割った値が、きれいに印刷できる最大の幅（インチ）です。Logo Finderの各PNGサイズでどこまで印刷できるかを、下の表にまとめました。

衣類でも計算は同じです。Vistaprintのプリント位置ガイドでは、左胸のロゴは幅3⁠～⁠4インチ、前面全体のプリントは10⁠～⁠12インチとされているので、目標は1,200pxと3,600pxです。部屋の向こうから見る看板なら、1インチあたりのピクセル数は少なくて済みます。詳しくは印刷に必要な画像解像度で解説しており、送るべきファイルは印刷会社に必要なロゴファイルにまとめています。カードに載せて実寸でロゴを確かめるなら、無料のクレジットカード3Dモックアップ作成ツールで、CR80（クレジットカードサイズ）カードに載せて3Dで確認できます。

ロゴアニメーションのサイズは？

ロゴアニメーションは、再生する画面の形に合わせて作ります。InstagramのリールやTikTok、YouTubeのショートなら1080×1920px（⁠9:16）、フィードなら1080×1350px（⁠4:5）か1080×1080px（⁠1:1）、YouTubeやウェブサイトなら1920×1080px（⁠16:9）です。Metaのリール広告ガイドはリールを9:16としており、TikTokは9:16の縦型動画を推奨し、YouTubeは3分以内の正方形や縦型の動画をショートとして扱います。また16:9は、パソコンで見るYouTubeの標準アスペクト比です。

無料のロゴアニメーション作成ツールが書き出すのは、この4つの形です。各アプリが動画の上に表示するボタンやキャプションにかからないよう、ロゴを配置します。各プラットフォームの長さ、ファイルの制限、セーフエリアは、ロゴアニメーションの作り方にまとめています。動画の出典は2026年11月5日に確認しました。

1つのファイルからロゴの全サイズを作るには？

ロゴのすべてのサイズは、ベクター形式のマスターデータ1つから作ります。以前書き出した画像を拡大縮小するのではなく、SVG、PDF、EPSから各サイズを書き出してください。画像を拡大しても、ピクセルが大きくなるだけで、細部は増えないからです。このガイドで紹介した用途は、ファビコンからシャツの前面全体のプリントまで、次の5つの書き出しでカバーできます。

1. ウェブサイトのヘッダー用の横長のロゴ。SVGと、表示幅の2倍のPNG。
2. マークを中央に置いた1024×1024pxの正方形のバージョン。プロフィール画像やアプリアイコンに。
3. 暗い背景、ダークモード、メール用の白いバージョン。
4. ファビコン一式。ICO、180pxのAppleタッチアイコン、192pxと512pxのマニフェスト用アイコン。
5. 印刷用のファイル。PDFかEPSと、最大の印刷サイズで300dpiのPNG。

ベクター形式のマスターデータがまだありませんか？　Logo Finderなら企業のウェブサイトから取得でき、ロゴのSVG変換なら手持ちのPNGをトレースできます。それぞれの書き出しに適した形式は、ロゴのファイル形式を解説をご覧ください。