ロゴのデータ形式｜AI・SVG・PNG・PDFの違いと納品で受け取るもの

ロゴの納品でファイルが何種類も届き、どれを何に使えばよいのか分からない。名刺を刷るときに印刷会社から「ai か pdf でください」と言われ、手元に png しかない。ロゴのデータの相談で多いのは、この2つです。

この記事では、ロゴでよく使われるファイル形式（AI・SVG・PDF・EPS・PNG・JPG）の違いと、用途ごとの使い分けを整理します。背景を透過した PNG の扱い、カラーと白黒の版の違い、納品のときに受け取っておくべきファイルの一覧もまとめました。総務や広報でロゴの管理を任された方が、社内から頼まれたときに迷わず渡せることを目標にしています。

まず押さえる違い：ベクターとラスター

形式の違いは、ほとんどがベクター形式かラスター形式かで説明がつきます。

• ベクター形式は、形を「点と線と塗り」の情報で持ちます。どれだけ拡大しても輪郭が荒れません。看板や車両のような大きな印刷にも、そのまま使えます。
• ラスター形式は、形を細かい点（画素）の並びで持ちます。作った大きさより拡大すると、輪郭がぼやけたりギザギザになったりします。写真と同じ仕組みです。

ロゴの「元データ」は、必ずベクター形式で持っておきます。ラスター形式は、ベクターから用途に合わせて書き出した「使うための写し」と考えると整理しやすくなります。

形式ごとの違い

形式	種類	主な用途	開くのに必要なもの	注意点
AI	ベクター	印刷物・看板・再編集	Adobe Illustrator	元データ。編集できる状態で保管する
SVG	ベクター	ホームページ・アプリ	ブラウザで表示できる	印刷会社によっては受け付けないことがある
PDF	ベクターも入れられる	印刷会社への入稿、社外への受け渡し	無料の閲覧ソフトで開ける	ベクターで書き出したものか確かめる
EPS	ベクター	古い印刷の仕組みとの受け渡し	対応するソフト	使う場面は減っているが、求められることがある
PNG	ラスター	ホームページ・資料・SNS	ほぼどこでも	背景を透過できる。拡大に弱い
JPG	ラスター	写真、メールでの確認用	ほぼどこでも	背景は透過できない。圧縮で輪郭がにじむ

AI と SVG の違い

どちらもベクター形式ですが、役割が違います。AI は Adobe Illustrator の保存形式で、デザイナーが作業に使うデータです。レイヤー（重なりの層）や、書き出し前の設定まで残るので、後から直すときに必要になります。

SVG は W3C（ウェブの標準を決める団体）が定めた、XML で2次元のベクター図形を記述する形式です。ブラウザがそのまま表示できるので、ホームページのロゴに向いています。ただ、印刷の現場では AI や PDF のほうが通りやすいのが実情なので、両方受け取っておくのが確実です。

PDF は「中身」を確かめる

PDF は国際規格（ISO 32000）で定められた文書の形式で、ベクターのデータも写真のデータも入れられます。つまり PDF だからベクターとは限りません。ロゴの PDF を拡大表示して、輪郭が荒れないかを一度確かめてください。荒れる場合は、画像を貼り込んだだけの PDF です。

背景透過の PNG について

PNG は W3C が定める画像の形式で、画質を落とさずに圧縮でき、「アルファチャンネル」と呼ばれる透明の情報を持てます。これがいわゆる背景透過です。ロゴを写真や色の付いた帯の上に重ねるとき、背景透過の PNG なら白い四角が出ません。

背景透過の PNG を扱うときの注意点は3つです。

• 白いロゴは白い画面では見えない：背景を透過した白抜きのロゴは、画像を開いても何も写っていないように見えます。壊れているわけではありません
• 大きさは使う場面の2倍程度で：表示サイズぴったりの PNG は、画面の細かいスマートフォンでぼやけて見えます
• JPG に変換すると透過が消える：JPG は透明の情報を持てないので、背景が白や黒で塗られます

用途ごとの使い分け早見表

使う場面	渡す形式	ひとこと
名刺・チラシ・パンフレットの印刷	AI か PDF	印刷会社の入稿ガイドに合わせる
看板・車両・のぼり	AI か PDF	大きく拡大するのでベクター必須
ホームページ	SVG か PNG	使える環境なら SVG
SNS のアイコン	PNG	正方形に収めた版を用意する
社内の資料・見積書	PNG	背景透過の版が使いやすい
メールでの確認	PNG か JPG	確認用。作業には使わない
刺しゅう・スタンプ・彫刻	AI か PDF と白黒の版	細い線が再現できるか業者に確かめる

色の指定も「形式」の一部

ファイルの形式と同じくらい、色の指定の違いで失敗が起きます。ロゴの色は、使う場所によって表し方が変わります。

色の表し方	使う場所	特徴
CMYK	一般的な印刷（名刺・チラシ・パンフレット）	インキの4色の掛け合わせ。画面より色の幅が狭い
特色（DIC・PANTONE など）	色を厳密に合わせたい印刷、看板	調合済みのインキ。色見本帳の番号で指定する
RGB・カラーコード	ホームページ・SNS・画面の資料	光の3色。鮮やかな色も出せる

画面で見た鮮やかな色を、そのまま印刷で出せるとは限りません。ロゴを作ったときに、印刷用と画面用の色の番号を両方決めておき、データもそれぞれの色で書き出しておくと、印刷会社とのやり取りで迷いません。

よくあるトラブルと対処

• ホームページの画像を印刷会社に渡したら、ぼやけて刷り上がった：画面用のラスター画像は印刷には解像度が足りません。ベクターの元データを渡します
• Word に貼ったロゴの周りに白い四角が出る：背景透過ではない JPG を使っています。背景透過の PNG に差し替えます
• 看板業者から「アウトライン化したデータをください」と言われた：文字を図形に変換したデータのことです。元データを作った制作者に頼むのが確実です
• ロゴの色が名刺とサイトで違って見える：印刷用と画面用で同じ色の番号を使っていない可能性があります

納品で受け取っておくもの

形式と同じくらい大事なのが、版の種類です。ロゴは同じ形でも、使う場面によって色や組み方を変えます。納品のときに、次の一覧がそろっているかを確かめてください。

1. ベクターの元データ（AI）と、ベクターの PDF か SVG
2. カラーの版と、白黒（1色）の版
3. 濃い背景に置くための白抜きの版
4. 横に組んだ版と、縦または正方形に組んだ版（使う場面があれば）
5. ホームページ・資料用の背景透過の PNG
6. 色の番号（印刷用の CMYK と、画面用の RGB・カラーコード）
7. ロゴの周りに空ける余白と、最小の大きさの決まり

6 と 7 は、ロゴの使い方をまとめた1枚の資料で受け取るのが一般的です。色や書体の決めごとを社内で共有する方法は、ブランドガイドラインとはで詳しく説明しています。

データの置き場所と名前の付け方

受け取ったデータは、担当者のパソコンだけに置かないでください。担当者が替わったときに行方が分からなくなり、また作り直すことになります。

• 共有のフォルダに「ロゴ」のフォルダを作り、元データと書き出したデータを分けて入れる
• ファイル名に「カラー」「白黒」「白抜き」「横組み」などの版の名前を入れる
• 制作会社から受け取った日と、著作権の扱いが書かれた契約書の写しを同じ場所に置く

ロゴのデータを手放さずに持っておくことは、あとで印刷会社や制作会社を替えるときの自由にもつながります。権利の面はロゴの著作権は誰のものかで説明しています。Lapisデザインラボのロゴのプランでは、AI・SVG・PNG をカラーと白黒でお渡ししています。内容はサービスと料金をご覧ください。