ロゴのファイル形式を解説

執筆:更新10分で読めます

ロゴの主なファイル形式は、どのサイズでも鮮明なままのベクターファイル(⁠SVG、EPS、AI、ほとんどのPDF)と、決まった数のピクセルでできた画像(⁠PNG、JPG、WebP)です。ロゴ一式をそろえるなら、印刷、看板、カッティング用のベクターのマスターデータ、画面、文書、スライド用の透過PNG、そして暗い背景用の白のバージョンが必要です。

以下の表では、各形式を比較し、用途ごとに適したファイルを示します。手元のロゴの形式が合いませんか? 無料のLogo Finderなら、どの企業のロゴもそのウェブサイトからSVG、PDF、EPS、PNG、JPG、WebPで取得でき、手持ちのファイルもこれらのどの形式にも変換できます。情報は2026年11月4日に確認しました。

ベクターのロゴとラスターのロゴの違いは?

ベクターのロゴは図形、線、曲線として保存されているので、ペンに印刷しても、ビルの看板にしても、同じように鮮明です。ラスターのロゴは色の付いたピクセルの格子なので、ピクセルサイズを超えて拡大すると、ぼやけてブロック状になります。Vistaprintの言葉を借りれば、「本物のベクターロゴには固定の解像度がありません。サイズを変えるたびに線や図形が再計算されるからです」(Vistaprint)。

ラスターのロゴには、使うサイズに見合ったピクセル数が必要です。同じVistaprintのガイドによれば、印刷では仕上がりサイズで約300dpi(⁠1インチあたりのドット数)が必要なので、幅4インチで印刷するロゴには、横に少なくとも1,200ピクセルが必要です。画面では、高解像度ディスプレイが1CSSピクセルごとに2つ以上のデバイスピクセルを使うため、MDNのレスポンシブ画像のガイドが説明するとおり、幅200pxで表示するロゴは、幅約400pxのファイルを使うと最も鮮明に見えます。ベクターのロゴならこうした計算は不要です。印刷会社、看板制作会社、彫刻業者がベクターを求めるのは、このためです。

ロゴのファイル形式にはどんな種類がありますか?

日常的に使われるロゴのファイル形式は、ベクター側がSVG、PDF、EPS、AI、画像側がPNG、JPG、WebPで、ほかにファビコン用のICOとカッティングマシン用のDXFがあります。各形式は、拡大しても鮮明なままか、背景を透明にできるか、という2つの問いへの答えがそれぞれ異なります。表で9つすべてを比較します。

ロゴのファイル形式の比較
形式種類背景は透明おすすめの用途
SVGベクターはいウェブサイト、アプリ、デザインツール、カッティングマシン、レーザー彫刻
PDFベクター、またはページに配置された画像はい(背景なしで保存した場合)印刷会社への入稿、ブランドガイドライン
EPSベクター(画像も含められる)ベタ塗りの図形ならはい(⁠IllustratorでEPSを保存するときに、透明効果は分割・統合される)EPSを求める印刷会社や取引先
AIベクター(⁠Adobe Illustrator独自の形式)はいIllustratorでのマスターファイルの編集
PNG画像(可逆圧縮)はい(完全な透過)スライド、文書、メールの署名、DTF(⁠Direct to Film)転写
JPG画像(非可逆圧縮)いいえ(必ず背景が付く)写真、JPGしか受け付けないフォーム
WebP画像(可逆圧縮・非可逆圧縮)はい表示の速いウェブサイト:可逆圧縮のWebPは、PNGより通常26%小さい(MDN)
ICOアイコン用のコンテナ形式。256×256pxまでの複数のサイズを格納(MDN)はい昔ながらのfavicon.ico。最近のサイトはPNGやSVGのアイコンも追加
DXFCAD由来のベクター図面背景なし(輪郭線だけ)レーザーカッター、カッティングプロッター、Cricutのマシン、CADソフト

出典:SVG、PNG、JPG、WebP、ICOはMDNの画像ファイル形式のガイド、AIとEPSはAdobeのIllustratorヘルプ、DXFはCricutとLightBurn。

透明な背景を保てるロゴの形式は?

PNG、SVG、WebPはロゴの背景を透明に保つことができ、GIFとAVIFも透明にできます。JPGはできません。JPEGは「アルファチャンネルをサポートしていない」からです(MDN)。印刷では、ベクターのPDF、EPS、AIファイルには、描かない限り背景がないので、ロゴは紙や素材の上にそのまま印刷されます。そのため、写真、色付きのスライド、暗いページに載せるロゴは、SVGか透過PNGでやり取りします。背景が四角く付いたJPGは、ロゴの背景透過ツールで透過PNGにできます。

使うべきロゴのファイル形式は?

使うべきロゴのファイル形式は、ロゴの使い道によって変わります。ウェブサイトやカッティングマシンにはSVG、文書、スライド、メールには透過PNG、印刷会社にはベクターのPDFかEPS、そして刺繍、彫刻、3Dプリントにはいくつかの特別なファイルを使います。下の表では、よくある用途ごとに選ぶべき形式とその理由をまとめています。

用途ごとに使うロゴファイル
用途用途理由
ウェブサイトのヘッダー、アプリSVGどの画面でも鮮明で、読み込みも軽い。SVGは「目的のサイズに滑らかに拡大縮小される」(MDN)
スライド、Word、Googleドキュメント透過PNG、2048pxどこでも開け、どんな色のスライドにもきれいになじむ
CanvaSVGまたはPNGCanvaはSVGなら3MB未満、PNGやJPEGなら50MB未満の画像を受け付ける(Canvaヘルプセンター)
メールの署名透過PNG署名のガイドはロゴにPNGを推奨(Email Signature Rescue)
SNSのプロフィール正方形のPNGLinkedInとXはPNGかJPEGを指定。サイズはロゴのサイズを参照
カード、チラシ、パッケージPDF、EPS、AI印刷会社にはベクターファイルが好まれる(4imprint)。PDFならフォントとベクターを1つのファイルにまとめられる(Vistaprint)
DTF転写のTシャツ透過PNG、印刷サイズで300dpiDTFのデザインデータは、実際の印刷サイズで300dpi以上の透過PNGが一般的(Coldesi)
シルクスクリーン印刷ベクター(インクごとに色を分ける)色ごとに分版して1色ずつ印刷する(PRINTING United Alliance)
刺繍ベクター、または大きめのPNG刺繍データの作成業者が、DSTやPESなどの刺繍データに変換する(Printful)
Cricut・カッティングシートSVGまたはDXFCricut Design Spaceは、アップロードしたSVGやDXFをレイヤーに分ける(Cricut)
レーザー彫刻・カットSVG、DXF、AI、PDF(文字はアウトライン化)LightBurnはこれらのベクター形式を読み込める。埋め込みフォントは読み込まないので、文字はアウトライン化しておく(LightBurn)
3Dプリント単色ならSTL、複数色なら3MFmm単位の立体になったロゴ。3MFなら色ごとに別のパーツになる(3Dと動画のロゴファイルを参照)
3DビューアーとARGLB(⁠iPhoneとiPadはUSDZ)色付きの3Dロゴで、ウェブサイト、Blender、AR(拡張現実)にそのまま使える
SNS動画とオープニングMP4リール、TikTok、ショート、YouTubeで音声付きで再生できる。メールやチャットにはGIF
ブラウザーのタブアイコンICO、PNG、SVG各ブラウザーがいちばん適したものを読み込む。サイズはロゴのサイズを参照

Logo Finderは、見つけたロゴでもドロップしたロゴでも、この表にあるSVG、PDF、EPS、PNG、WebP、ファビコン一式、DXFのカットデータを作れます。さらに3Dロゴスタジオで、同じロゴからSTL、3MF、GLB、USDZ、MP4、GIFも作れます。

ロゴにはSVGとPNGのどちらが適していますか?

受け付けてもらえる場所なら、ロゴにはPNGよりSVGが適しています。小さなSVGファイル1つで、どのサイズでも、どの画面でも鮮明なままだからです。MDNも、アイコンやベクターグラフィックには「可能な限りSVG版を優先する」よう勧めています。プラットフォームが画像を求める場合や、文書、スライド、メールでふだん使うコピーには、PNGのほうが適しています。

画像を求めるプラットフォームはよくあります。LinkedInはページのロゴにPNGかJPEGを受け付け(LinkedInヘルプ)、Xはプロフィール画像にJPEG、GIF、PNGを受け付けます(Xヘルプセンター)。メール署名のガイドも、ロゴにはPNGを勧めています。ですから両方を用意しておきましょう。マスターとしてSVGを、そこから必要なサイズで書き出した背景透過のPNGを用意します(Web、SNS、メール、印刷用のロゴサイズを参照)。

ロゴにJPGは使わないようにしましょう。JPEGは「アルファチャンネルをサポートしていない」ため、JPGのロゴは必ず四角い背景(たいていは白)の中に収まります。またMDNは、ロゴや線画では、非可逆圧縮によって「文字やシャープな輪郭の周りにぼやけや色のにじみ」が生じると指摘しています。

EPS、PDF、AIの違いは?

EPS、PDF、AIはいずれも印刷会社が受け付けるベクター形式で、違いは世代と目的です。AIはAdobe Illustratorの作業用ファイル、PDFは入稿用の現代的なファイル、EPSは古くからのデータ交換用の形式です。Adobe自身のヘルプも、EPSは「かつては広く使われていたが、現代のワークフローには適していない」としつつ、ほぼすべてのページレイアウトアプリやグラフィックアプリが今もEPSを受け付けると述べています。

  • PDF:印刷会社に渡すなら、まずこれが安心の標準形式です。Vistaprintは「ページの寸法、フォント、ベクター要素を1つのファイルに保持できるため、広く使われている印刷用の形式」と説明しており、誰でも開いて確認できます。
  • EPS:印刷会社、看板制作会社、ノベルティ業者から求められたときに送ります。EPSファイルはPostScript言語に基づいており、「ベクターとビットマップの両方のグラフィックを含められる」(Adobe)ため、EPSの鮮明さは中に入っているもの次第です。
  • AI:レイヤーやアートボードがそのまま残った、デザイナーの編集用マスターです。大切に保管し、Illustratorで作業する印刷会社に送ります。Canvaも、PDF互換で保存されたAIファイルを読み込めます。

印刷会社から単に「ベクターで」と言われたら、マスターから作ったPDFを送り、仕様書にEPSやAIの指定があればそれも添えます。必要なファイル一式は、CMYK値から単色バージョンまで、印刷会社に必要なロゴファイルにまとめています。

3Dと動画のロゴファイル:STL、3MF、GLB、USDZ、MP4、GIF

3Dプリントする、画面で回す、動画で動かすロゴには、さらに6つのファイルを使います。3DプリンターにはSTLか3MF、3DビューアーとAR(拡張現実)にはGLBかUSDZ、アニメーションにはMP4かGIFです。6つとも同じロゴから作れ、無料の3Dロゴスタジオなら1つのファイルからすべてを作れます。

3Dと動画のロゴファイルの比較
形式含まれるものおすすめの用途出典
STL三角形でできた1つの立体としてのロゴ。色を持たせる標準的な方法はないどのスライサーでも使える単色の3Dプリント米国議会図書館
3MF単位付きの形状と、色やマルチマテリアルのデータ。色ごとに別のパーツにできるBambu Studio、PrusaSlicer、OrcaSlicerでのマルチカラー3Dプリント3MF Consortium
GLB色とマテリアル付きのglTFの3Dモデルを、1つのバイナリーファイルに格納ウェブサイトでの3D表示、Blender、AndroidのARKhronos Group
USDZAppleのQuick LookがiPhone、iPad、Apple Vision ProでAR(拡張現実)表示する3Dモデル本物の机や壁にロゴを置いて見せるApple Developer
MP4YouTubeがアップロード用に推奨する、H.264の映像をMP4コンテナに収めた音声付きの動画リール、TikTok、ショート、YouTube、ウェブサイト、スライドYouTubeヘルプ
GIF最大256色のパレットでループする、音のない短いアニメーションメールの署名、チャット、ヘルプページMDN

無料の3Dロゴ作成ツールなら、どんなロゴもなめらかな3Dモデルにして、最大2560pxの透過3D画像やGLB、USDZ、OBJファイルをダウンロードできます。ロゴアニメーション作成ツールは、1080×1920、1080×1350、1080×1080、1920×1080pxのMP4と幅640pxのGIFを書き出し、ロゴをSTLにツールは、選んだ幅で、そのまま3DプリントできるSTLかマルチカラーの3MFを作ります。

ロゴファイルが本当にベクターか見分けるには?

ロゴファイルが本当にベクターかどうかは、拡大すればわかります。100%をはるかに超えて拡大しても、ベクターのロゴの輪郭はなめらかなままですが、画像は目に見える四角に崩れます。ファイル名だけでは判断できません。4imprintのデザインデータのガイドが「ファイル名をベクターファイルの拡張子に変えても、ファイルの種類は変わらない」と注意しているとおりで、PDFやEPSの中に画像が貼り込まれていることもあります。

  • 拡大テスト:ブラウザーやPDFリーダーでファイルを開き、大きく拡大します。どの倍率でも輪郭がなめらかなら、ベクターです。
  • 選択テスト:Illustrator、Inkscape、Figmaでロゴをクリックします。アンカーポイントの付いた個別の図形ならベクター、ロゴ全体を1つの長方形が囲むなら埋め込まれた画像です。
  • アウトラインテスト:Illustratorのアウトライン表示(「表示」→「アウトライン」)では、ベクターの図形は細い線で描かれ、配置された画像は四角い枠だけで表示されます。

Logo Finderなら、このチェックを代わりに行います。見つけたロゴにもドロップしたロゴにも「ファイル情報」が付き、ベクターか画像か、ピクセルサイズ、背景、印刷に使えるかどうかを、わかりやすい言葉で示します。画像を本物のベクターにするにはロゴのSVG変換ツールを、PNGの白い四角を消すにはロゴの背景透過ツールを使います。

デザイナーがクライアントに渡すべきロゴファイルは?

デザイナーはクライアントに、ベクターファイル(⁠AIまたはEPSに加えてPDFとSVG)と透過PNGでロゴを渡しましょう。それぞれフルカラー、すべて白、すべて黒のバージョンを用意し、ブランドカラーをHEX、RGB、CMYKと、あればPantoneの参照番号で書き添えます。この一式があれば、印刷、ウェブサイト、オフィス文書、暗い背景、そして箔押し、彫刻、単色の名入れといった単色の仕事に対応できます。

  1. フルカラーのベクターファイル:AIまたはEPS、PDF、SVG。
  2. 背景が透明なフルカラーのPNG(⁠512、1024、2048pxなど、いくつかの幅)。
  3. 暗い背景や単色印刷に使う、白と黒のバージョンのベクターとPNG(ダークモード用のロゴの作り方を参照)。
  4. プロフィール画像、アプリアイコン、ファビコンに使う正方形のアイコン版。
  5. 色の値:画面用のHEXとRGB、印刷用のCMYKとPantone。

クライアントがロゴ一式をなくしてしまっても、無料のLogo Finderならクライアントのウェブサイトから作り直せます。オリジナル、最大4096pxの透過PNG、SVG、PDF、EPS、白・黒・好きな色のバージョン、ファビコン一式、そしてHEX、RGB、CMYKの色の値です。手作業でロゴを探すなら、企業ロゴの探し方の手順に沿って進めてください。

ロゴのファイル形式のよくある質問

ベクターファイル、透過、トレース、デザイナーに頼むべきファイルについての質問に手短にお答えします。

なんでもご質問ください
ロゴに最適なファイル形式は?

画面用のマスター形式にはSVG、印刷用にはPDFかEPSが最適です。3つともベクターで、どのサイズでも鮮明なままだからです。日常的に使うために、背景が透明なPNGも用意しておきましょう。スライドからメールの署名まで、どこでも開けます。完全なロゴ一式には、両方の種類がそろっています。

背景を透明にできるロゴの形式は?

SVG、PNG、WebP、AVIF、GIFはどれも透明にでき、ベクターのPDF、EPS、AIファイルには、描かない限り背景がありません。GIFの透過は「透明か不透明か」の二択なので、なめらかな輪郭がギザギザになります。JPGはまったく透明にできません。アルファチャンネルがないので、JPGのロゴは必ず四角い背景の中に収まります。

PDFのロゴはベクターファイルですか?

多くの場合はそうですが、いつもではありません。PDFにはベクターの図形も画像も入れられ、外から見ただけでは区別がつきません。大きく拡大してみてください。輪郭がなめらかなままならベクターのロゴです。四角に崩れるなら、そのPDFの中身は画像で、鮮明さはその画像のピクセル次第です。

PNGのロゴをSVGに変換できますか?

はい、トレースで変換できます。ソフトウェアが各図形の輪郭をなぞり、ベクターのパスとして描き直します。フラットな色とはっきりした輪郭のロゴなら、きれいなSVGファイルになります。Proofsceneの無料ツール「ロゴのSVG変換」はブラウザーの中で処理するので、ファイルが端末の外に出ることはありません。

EPSファイルとは? 何で開けますか?

EPS(⁠Encapsulated PostScript)は、PostScript言語に基づく印刷用の古いベクター形式で、ベクターの図形と画像を含められます。Adobe Illustratorで開けるほか、Adobeによれば、ほぼすべてのページレイアウト、ワープロ、グラフィックのアプリケーションが、配置したEPSファイルを受け付けます。新しく作るなら、PDFでも同じ役割を果たせ、どのパソコンでも開けます。

デザイナーからどんなロゴファイルをもらうべきですか?

ベクターファイル(⁠AIまたはEPSに加えてPDFとSVG)、いくつかのサイズの透過PNG、白と黒のバージョン、正方形のアイコン、そしてHEX、RGB、CMYKと、あればPantoneの参照番号で示したブランドカラーを依頼しましょう。この一式があれば、印刷、ウェブサイト、文書、暗い背景、単色の仕事に対応できます。

次の校正を3Dで

無料アカウントを作成して校正PDFをアップロードすれば、今日から自社ブランドのリンクでインタラクティブな3D校正をお客様に送れます。

無料アカウント · クレジットカード不要 · 印刷のプロが開発