看板屋さん、印刷会社、取引先、イベントの主催者。いろいろなところから「ロゴのデータをください」と言われます。フォルダを開くと、logo.ai、logo.eps、logo.pdf、logo.png、logo_white.png、logo.jpg……と似たようなファイルがいくつも並んでいて、どれを送ればいいのかわからない。とりあえずホームページから保存した画像を送ったら「もっと大きいデータはありますか」「背景が白で塗られています」と返ってきた。この記事では、ロゴのファイルの種類の違いと、相手や用途ごとにどれを渡せばよいかを、1枚の表で判断できるようにまとめます。
先に結論
印刷・看板・ノベルティなど形あるものに使う相手には、ai・eps・pdf のどれか（拡大しても粗くならない「ベクター」のデータ）を渡します。
ホームページ・SNS・資料など画面で使う相手には、背景が透明な png（または svg）を渡します。jpg は背景を透明にできないので、ロゴには向きません。
迷ったら、「何に、どのくらいの大きさで使いますか」「ファイル形式の指定はありますか」と相手に聞き、ベクターのデータと透明な png の2つをセットで渡すのがいちばん確実です。
原因：ロゴのデータには「点の集まり」と「線の設計図」の2種類がある
画像のファイルは、大きく2種類に分かれます。
ラスター（ビットマップ）：細かい色の点（ピクセル）の集まりで絵を作る形式です。写真はこちら。拡大すると点が見えて、ぼやけたりギザギザになったりします。jpg や png がこの仲間です。
ベクター：線や曲線を数式で記録した、いわば設計図のような形式です。どれだけ拡大や縮小をしても粗くなりません。ai、eps、svg がこの仲間で、pdf も多くはベクターで保存されます。
名刺の小さなロゴと、店の看板の大きなロゴを、同じ1つのデータから作れるのはベクターのおかげです。ホームページから保存した png を看板に使おうとすると、大きく引き伸ばすことになり、ぼやけてしまいます。印刷会社が「もっと大きいデータ」を求めてくるのはこのためです。
それぞれのファイルの特徴は、次のとおりです。
形式 | 種類 | 特徴と主な使い道 |
|---|---|---|
ai | ベクター | Adobe Illustrator（デザインのソフト）のファイル。デザイナーが作った元のデータで、印刷会社や看板屋さんに渡す定番。開くにはIllustratorなどが必要 |
eps | ベクター | 印刷の業界で長く使われてきた形式。多くのソフトで扱える。最近はpdfやaiに置き換わりつつある |
多くはベクター | だれでも開ける。作り方によっては中身が画像（ラスター）になっていることもある | |
svg | ベクター | ホームページなど画面向けのベクター。どの大きさでもくっきり表示できる |
png | ラスター | 背景を透明にできる。画面で使うロゴの基本。保存をくり返しても画質が落ちない |
jpg | ラスター | 写真向け。ファイルが軽いが、背景を透明にできない。保存のたびに少しずつ画質が落ちる |
もう1つの違いがカラーモード（色の作り方）です。画面は光の三原色を混ぜるRGB、印刷はインクを混ぜるCMYKで色を作ります。CMYKは出せる色の範囲がRGBより狭く、鮮やかな青や紫、蛍光の緑などは印刷で再現しにくい色です。画面用のRGBのロゴをそのまま印刷すると、くすんで見えることがあります。デザイナーが「印刷用」と「Web用」のロゴを分けて納品しているのは、このためです。
最後に背景の透明。ロゴを写真や色のついた背景の上に置くとき、ロゴのまわりが白い四角で囲まれてしまうのは、背景が透明でない jpg や、白で塗られた png を使っているからです。
解決の手順：渡すファイルを決める
相手に用途と指定を聞く：「何に使いますか（看板、チラシ、ホームページ、SNS、パンフレットなど）」「大きさはどのくらいですか」「ファイル形式やカラーモードの指定はありますか」の3つを聞きます。印刷会社や看板屋さんは、受け付ける形式を決めていることが多いので、それに合わせるのが近道です。
手元のファイルを仕分ける：ロゴのフォルダを開き、拡張子（ファイル名の「.」のあとの文字）で分けます。ファイル名に「CMYK」「RGB」「印刷用」「Web用」「白抜き」などと書かれていれば、それも手がかりになります。拡張子が見えない場合は、パソコンの設定で表示できます。
形あるものに使う相手には、ベクターを渡す：看板、のぼり、チラシ、名刺、Tシャツ、ステッカーなどは、ai・eps・pdf のうち相手が指定したものを渡します。指定がなければ ai と pdf の両方を渡すと、相手が開ける方を使えます。カラーモードは CMYK のものを選びます。
画面で使う相手には、透明な png を渡す：ホームページ、SNS、オンラインの資料、イベントのWebページなどは、背景が透明な png を渡します。ホームページの制作会社なら svg を求められることもあります。カラーモードは RGB のものを選びます。
色違いがあれば一緒に渡す：濃い色の背景に置くと見えなくなるロゴのために、白一色の「白抜き」や、黒一色のロゴを用意していることがあります。あれば一緒に渡し、「暗い背景のときはこちら」と添えます。
まとめて送る：ファイルが複数になるときは、フォルダにまとめて圧縮（zip）するか、共有ドライブのリンクで渡します。ファイル名は「店名_logo_CMYK.ai」「店名_logo_RGB_透過.png」のように、中身がわかる名前にしておくと、相手が迷いません。
文字のアウトライン化を求められたら：印刷会社から「文字をアウトライン化してください」と言われることがあります。これは、ロゴの中の文字を、フォント（書体のデータ）ではなく図形に変えておいてほしい、という意味です。相手のパソコンに同じフォントが入っていないと、文字が別の書体に置き換わってしまうからです。Illustratorでは、文字を選択ツールで選び、「書式」メニューの「アウトラインを作成」で図形に変えられます。図形にしたあとは文字として打ち直せなくなるので、元のデータは別に残しておきます。自分で触るのが不安なら、ロゴを作ったデザイナーに「アウトライン化したデータをもらえますか」と頼むのが安全です。
Canvaでロゴを作った場合：Canva（ブラウザやアプリで使えるデザインツール）からは、jpg、png、svg、pdf などで書き出せます。ただし2026年11月時点で、背景を透明にした png、svg、印刷用pdfのCMYKの色設定は、有料プラン（Canvaプロなど）の機能です。無料プランのまま書き出した png は背景が塗られているので、相手に渡す前に確かめてください。
それでもだめなとき
起きたこと | よくある原因 | 対処 |
|---|---|---|
「もっと大きいデータをください」と言われた | 小さい png や jpg を渡している | ai・eps・pdf などのベクターを渡す |
ロゴのまわりに白い四角が出る | jpg や、背景が塗られた png を渡している | 背景が透明な png を渡す |
印刷したら色がくすんだ | 画面用のRGBのデータを印刷に使った | CMYKのデータを渡す。色の指定（色番号）があれば一緒に伝える |
相手が ai を開けないと言う | 相手がIllustratorを持っていない | pdf や eps、用途によっては png で渡す |
文字の形が変わって届いた | 文字がアウトライン化されていない | アウトライン化したデータを渡す |
手元に png や jpg しかない | 元のデータを受け取っていない | ロゴを作ったデザイナーや制作会社に元データを依頼する |
いちばん困るのは、手元にホームページから保存した小さな画像しかない場合です。png や jpg をあとからベクターに変える方法もありますが、細かい形が変わってしまうことがあります。ロゴを作ってもらった会社やデザイナーがわかるなら、まずは元のデータが残っていないか問い合わせてください。ロゴの形や色を勝手に作り直すと、ブランドの見え方がばらばらになってしまいます。
次に「ロゴをください」と言われたときのために
本来やりたかったのは、看板やチラシ、取引先のホームページに自分たちのロゴをきれいに載せてもらうことでした。今回仕分けたファイルを、次のような1つのフォルダにまとめておくと、次からは聞かれた瞬間に送れます。
印刷用：ai（または pdf）、CMYK、文字はアウトライン化済み
画面用：png（背景透明）、RGB。カラー版と白抜き版
使い方のメモ：ロゴのまわりに空けてほしい余白、使ってよい色、やってほしくないこと（伸ばす、色を変える、影をつけるなど）
このフォルダを共有ドライブに置き、社内のだれでも同じものを渡せるようにしておくと、担当者が変わっても困りません。
ロゴの元データの整理や、印刷用・Web用の書き出し、使い方のルールづくりまで含めて整えたいときは、earthcampus がデザインとブランディングの面からお手伝いします。手元のファイルを見てほしい、というところからでも、気軽に相談するからご連絡ください。
参考
more blog
