Illustrator「別名で保存」と「書き出し」の違いは?

スポンサーリンク

「別名で保存」と「書き出し」の違い、完全に理解できていますか?

現在、Illustrator CCには、全17種類の保存形式と、複数の保存コマンド(編集メニューやキーボードショートカット)」があるわけですが、作品を保存する際に「どのコマンド」で「どの保存形式(拡張子)」を選ぶべきか迷うことはありませんか?
保存形式は単なるファイル名の語尾ではなく、「編集性を保つマスターデータ」か「外部ソフトやWeb用に使う出力データ」か、という役割の違いがあります。

この記事は、その迷いを今日で終わらせるための完全版です。

保存と書き出しの根本的な理解から、拡張子ごとの使い分け、目的別の選び方、入稿・納品前のチェックリストまでをまとめました。

先に結論:この1行だけ覚えてください

あとでIllustratorで編集し直すなら「保存」

完成品を誰かや他のソフトに渡すなら「書き出し」

別名で保存(Save As) 書き出し(Export)
例 作業部屋にしまう お店に並べる
誰のため 自分、または別のIllustratorユーザー クライアント、Webの閲覧者、他のソフト
目的 編集の継続、バックアップ、データの受け渡し 最終的な見た目を画像などにして出力
編集情報(レイヤー・パス・効果) 基本的に残る 基本的に残らない(形式による)
主な形式 AI / PDF / EPS / SVG / AIT PNG / JPEG / WebP / SVG / PSD / TIFF など
メニュー ファイル → 別名で保存/コピーを保存 ファイル → 書き出し

境目はメニューではなく「編集情報を残すか、残さないか」

PDFやSVGは、保存でも書き出しでも作れます。メニュー名で覚えようとすると混乱するので、次の2つの問いで考えてください。

  1. このファイルを、Illustratorで開き直して編集する予定はありますか? → ある:保存
  2. 相手は完成した見た目だけあれば足りますか? → はい:書き出し

第1部:「別名で保存」で選べる形式

ファイル → 別名で保存(または「コピーを保存」)で選べる主な形式です。

.ai(Illustratorネイティブ形式)

  • 作業中のデータは常にこれで保存します。レイヤー、パス、効果、アートボードなど、編集に必要な情報がすべて残ります。
  • 保存時のオプションで、互換性を持たせるIllustratorのバージョンを指定できます。古いバージョンのユーザーに渡すときは、ここを合わせます。

.pdf(Adobe PDF)

  • 印刷入稿の標準的な形式で、確認用の共有にも便利です。
  • オプション設定で「Illustratorの編集機能を保持」できます。保持すれば後から開き直して編集でき、保持しなければ軽量な閲覧用になります。
  • 印刷入稿では、必ず印刷会社が指定するPDF規格(PDF/X-4など)に合わせてください。

.eps(Encapsulated PostScript)

  • 古い印刷環境やストック素材で今も使われます。
  • 透明効果の扱いに制約があるため、指定がない限りPDFのほうが無難です。印刷会社がEPSを指定したときだけ使う形式と覚えておけば十分です。

.svg(保存から作る場合)

  • ベクターのまま、WebやHTML/CSSで使うための形式です。保存と書き出しの両方から作れます。

.ait(テンプレート)

  • 名刺やバナーなど、繰り返し使うひな形を保存する形式です。

.aic(クラウドドキュメント)

  • Adobeのクラウド上に保存する形式で、自動保存とバージョン履歴が使えます。
  • 複数のデバイスから同じデータを開けます。
  • 完成後は、.ai や PDF でローカルにもバックアップしておくと安心です。

第2部:「書き出し」で選べる3つの方法

Illustratorには、書き出しの入口が3つあります。違いを知っておくと、迷いが一気に減ります。

方法 向いている場面 特徴
書き出し形式 一般的な書き出し全般 形式が最も豊富(JPEG/PNG/SVG/PSD/TIFF/WebP など)
スクリーン用に書き出し Web・SNS・アプリ向けの素材 アートボード単位・アセット単位で、複数サイズ・複数形式をまとめて書き出せる
Web用に保存(従来) 従来の手順に慣れている場合 JPEG/PNG/GIF のみ。WebPには対応しない

迷ったら、Web・SNS向けは「スクリーン用に書き出し」、それ以外は「書き出し形式」で問題ありません。

第3部:拡張子別 早見表

拡張子 種類 編集情報 こんなときに使う
.ai ベクター 残る 作業・保管の基本。迷ったらこれ
.pdf ベクター+画像 設定次第 印刷入稿、クライアント確認、複数ページの共有
.eps ベクター ほぼ残らない 印刷会社やストック素材でEPSを指定されたとき
.svg ベクター 基本的に残らない Webのロゴ・アイコン。拡大しても粗くならない
.aic クラウド 残る 複数端末で作業、自動保存・履歴を使いたいとき
.webp 画像 残らない Web・SNS用の画像。軽量で透明も扱える
.png 画像 残らない 透明が必要な画像、ロゴ、図版
.jpg 画像 残らない 透明が不要な写真。互換性が高い
.psd 画像(レイヤー可) 一部残る Photoshopで仕上げたいとき
.tiff 画像 残らない 印刷・業務用途で画像形式を求められたとき

「Web用に最適な拡張子」WebP・PNG・JPEG・SVGの選び方

状況 おすすめ
ロゴ・アイコン・シンプルな図形をWebで使う .svg
イラスト・写真をWebで使えて透過もできる、軽さを重視 .webp
透明部分が必要な画像で、どのブラウザにも確実に表示できる .png
写真で、どの環境でも確実に開けるようにしたい .jpg

WebPは軽量で画質も高く、近年のWeb制作では主流になりつつあります。ただし、メールに添付する場合や相手の環境が不明な場合は、PNGやJPEGのほうが確実です。

第4部:目的別・保存と書き出しの選び方

目的 コマンド 形式 ポイント
編集を続ける、保管する 別名で保存 .ai すべての情報が残る
印刷会社へ入稿する 別名で保存 .pdf(指定規格) 会社の入稿規定が最優先
WebサイトやSNSに画像を載せる 書き出し(スクリーン用) .webp / .png / .jpg 軽さと互換性で選ぶ
WebでロゴやアイコンをきれいにV表示する 書き出し .svg 拡大しても粗くならない
クライアントに確認してもらう 書き出し/別名で保存 .png / .jpg / .pdf 複数ページならPDFが便利
Photoshopで仕上げる 書き出し .psd レイヤーを保持して書き出す
古いIllustratorユーザーに渡す 別名で保存 .ai(バージョン指定) 先方のバージョンに合わせる
別端末でも作業を続ける 保存(クラウド) .aic 自動保存と履歴が使える

第5部:失敗しないための注意点

  1. 書き出しただけで終わらせない。 書き出した画像からは編集できません。必ず .ai を残してください。
  2. リンク画像に注意。 配置した画像が「リンク」のままだと、ファイルだけ渡しても画像が表示されません。「埋め込み」にするか、「パッケージ」機能で一式まとめてください。
  3. 文字の扱いを確認する。 別環境で開くときはフォントが原因で崩れやすくなります。アウトライン化するか、PDFでフォントを埋め込みます。アウトライン化したデータは編集できなくなるので、別名で保存してください。
  4. カラーモードを合わせる。 Web用はRGB、印刷用は指定に従ってCMYK、というのが基本です。
  5. 透明背景が必要か確認する。 JPEGは透明を扱えません。透明が必要ならPNG・WebP・SVGを選びます。
  6. 解像度とサイズを確認する。 画像の書き出しは、使う場所の表示サイズに合わせます。大きすぎるとページが重くなり、小さすぎるとぼやけます。
  7. トンボと裁ち落とし。 印刷入稿では、必要な設定を印刷会社の規定で確認します。

保存・書き出し前の最終チェックリスト

共通

  • 元データ(.ai)を保存した
  • ファイル名に用途とバージョンを入れた(例:logo_web_v2.webp)

Web・SNS用

  • 形式は目的に合っている(SVG/WebP/PNG/JPEG)
  • カラーはRGBになっている
  • 表示サイズに合った大きさで書き出した
  • 透明が必要か確認した

印刷入稿用

  • 印刷会社の入稿規定を確認した
  • 指定のPDF規格(PDF/X-4など)で保存した
  • 文字の扱い(アウトライン化・フォント埋め込み)を規定どおりにした
  • 画像のリンク切れがない
  • トンボ・裁ち落としを確認した

他の人に渡す

  • 相手のIllustratorのバージョンを確認した
  • リンク画像とフォントを同梱した、またはPDFで渡した

よくある質問

Q. 結局、いつも .ai で保存しておけばいいですか?
A. 作業データとしては正解です。ただし、渡す相手が編集しないなら、書き出した形式を渡すほうが親切で安全です。

Q. PDFは「保存」ですか、「書き出し」ですか?
A. メニューは「別名で保存」です。ただし、設定によって編集可能なデータにも、閲覧専用の軽いデータにもなります。

Q. SNS用の画像は何で書き出せばいい?
A. 迷ったら、PNG(透明・図版)かJPEG(写真)が確実です。WebPに対応している環境なら、軽さの面で有利です。

まとめ

  • 別名で保存は、編集情報を守って「作業を続ける」ためのコマンド。
  • 書き出しは、見た目を最適な形に変えて「相手に届ける」ためのコマンド。
  • 迷ったら、「あとで編集するか?」と「渡す相手の環境は?」の2つを自分に問いかけてください。

この2つを意識するだけで、保存と書き出しで迷うことはほとんどなくなります。

おすすめの記事