この記事でわかること
・Illustratorやデザイン制作でよく使う「.ai・PDF・PNG・JPG」の違い
・データを共有・納品するときのおすすめ保存形式
・私が実際に仕事で使い分けている方法
・クライアントから喜ばれるデータ送信時に気をつけたいポイント
「どの形式で保存すればいいの？」と迷ったことはありませんか？
Illustratorでデータを作り始めると、保存する時に「.ai」「PDF」「PNG」「JPG」など、いろいろな形式が出てきます。
私も使いながら、仕事をするようになりクライアントとやりとりを繰り返しながら、
「誰がそのデータを使うのか」
「何のために送るのか」
と考えられるようになり、自然と使い分けられるようになりました。
「この場合は〇〇がいいな」と選んでいます。
今回は、私が実際の仕事で使っている保存形式の考え方をまとめます。
１） 編集用には「.ai」データを使う
拡張子「.ai」は、Illustratorで編集するための元データです。
後から文字を修正したり、色を変えたり、レイアウトを調整したりと編集できる、イラレであなたが作成したデータ。
制作中はもちろん、他のデザイナーさんへデータを渡す時にも使います。
ただ、仕事でデータを共有する時は、私は.aiデータだけを送ることはほとんどありません。
私が一緒に送ることが多いのは次のデータです。
・編集できる元の.aiデータ
・アウトライン化した.aiデータ
（フォント崩れを防ぐため）
・確認用のPDF
・データ内で使用した画像データ
アウトライン化したデータはフォント崩れを防ぐことができますが、その代わり文字編集はできなくなります。
だからこそ、編集用の.aiデータと、アウトライン化した.aiデータの両方を用意しておくと安心です。
ちなみに、アウトライン化したデータはファイル名に「ol（アウトラインという意味）」をつけることが一般的です。
例えば、
・編集用ファイル名：summer_pop.ai
・アウトライン化け：summer_pop_ol.ai
といった感じ。
実は、私自身、フォントや画像で困ったことがありました。
過去に先方から届いたデータを開いたら、必要なデータが足りずに「画像がない」「フォントが変わっている」状態で、相手と何度かやり取りをすることになった経験があります。
連絡を取り合うことは大変ではありませんでしたが、そのやりとりの分、作業が遅れますし、お互いにコミュニケーション（コミュ二ケーションコスト）も増えてお互いに時間を使うことになります。
送る時に、少し準備する手間は増えますが、最初に必要なものをまとめて送る方が、お互いに確認や再送の手間が少なくなるので上記のセットを送っておくと安心です。
不要な工数を減らすことは、プロとしても大切ですが、相手を思いやる行為でもあります。
これによって信頼にもつながるので要チェックです。
文字のアウトライン化については、こちらの記事でも詳しく紹介していますよ！
【初心者さんへ】入稿前に知っておきたい基本。llustratorのアウトライン化とは？なぜ必要？
Illustratorのアウトライン化とは？なぜ必要なの？ 初心者向さんけに、アウトライン化の意味や必要な理由、文字崩れとの関係、Illustratorでの方法や注意点まで分かりやすく解説します。
２）確認や共有には「PDF」が便利
私がクライアントにデザイン確認をお願いする時は、基本的にPDFで送っています。
理由は、見やすくクライアント内でも共有しやすいからです。
PDFであればページを拡大して確認しやすく、複数ページの資料もまとまった状態で見ることができます。
また、Illustratorを持っていなくても、PDFに対応したアプリやソフトを使えば、メモなどの書き込みもしやすいです。
「ココを修正したいです」「この文章を〇〇に変更してください」という内容もより伝えやすいと感じています。
さらに、PDFは文字をコピーできるので、デザイン内の文章をそのままメールなどに貼り付けて引用することもできます。
メールを送る方も文章を一から打たずに済むので楽ですよね。
【※】ただし、文字をアウトライン化したデータから作成したPDFでは、文字をコピーできなくなります。
私も実際に、「PDFの方が見やすくて確認しやすいです」と言っていただくことがあり、確認用データは基本的にPDFで送るようにしています。
ちなみに、Illustratorの保存設定によっては、PDFをIllustratorで開いて編集できる場合もあります。
もし相手側にIllustratorを使える方がいれば、簡単な修正や調整に役立つこともあります。
３）画像のjpgとpngは「背景」と「用途」で使い分ける
jpgとpngはどちらも画像形式ですが、私は主に背景の有無・用途で使い分けています。
jpgの画像
・背景がある（背景色を設定していなければ基本は白になる）
・データ容量を軽くなりやすい
・写真素材に向いている
pngの画像
・背景を透明（透過）にできる
・背景を切り抜く手間がない
・ロゴやイラスト素材に向いている
jpg画像・png画像については、Adobeの公式サイトでこのような説明もあります。
●JPEGファイルとは・・・
デジタル写真の最も一般的な保存方法のひとつです。多くの最近のカメラは、このファイルを使用して画像を撮影し、保存します。JPEGでは、圧縮プロセスにより、画像ファイルのサイズが大幅に削減されるため、webページでの保存と読み込みが容易になります。JPEG画像には、最大1,600万色を使用できます。
●PNGファイルとは・・・
Portable Network Graphics（PNG）ファイルは圧縮可能で、JPEGと同様に1,600万色に対応しています。高品質の写真ではなく、主にwebのグラフィック、ロゴ、チャート、イラストに使用されます。これは、JPEGより多くの保存スペースを使用するためです。PNGにはあるが、JPEGにはないものは、透明な背景のグラフィックを処理する機能です。
〈Adobeさんの公式サイトより引用〉
※画像の圧縮形式がどう違うか・データの保存時にどう容量が変化するかも、引用元で分かりやすく説明されているので、気になったらチェックしてみてください。
私は、イラストやあしらいで使う素材の時は、素材サイトからpng形式でダウンロードすることが多いです。
もし編集できるデータ（.aiのデータ）がなく、「jpgとpngどちらを使おう？」と迷ったら、背景を手間が削除する手間がないのpngを使うことが多いですね。
自分でイラスト素材を作って画像として使う時は、png形式の背景透過の設定で保存することがほとんどです。
一方で、jpgはデータが軽くなりやすいので、写真をメールで送ったり、容量を少しでも抑えたい時に便利です。
そこまで細かい部分を確認しない場合は、データをjpg形式に書き出して送ることもあります。
ただし、どのデータでも言えることですが、書き出した後は、送る前に自分で要チェックです！
クライアントが確認したい部分まで鮮明に見られるかなど一度チェックしてから送ります。
仕事では、「相手が確認しやすいか」「何をどの程度確認するか」を特に意識しています。
これによっても、不要な工数（やりとりの繰り返し）も減らせますよ。
４）保存形式は「誰に、何のために送るか」で考える
最初は種類が多くて難しく感じるかもしれません。
でも、大丈夫です。
私はいつも、以下のように選んでいますよ！
・編集してもらうなら.ai
・詳細確認や共有ならPDF
・写真や簡易なチェックならjpg画像
・素材として使う・透過画像ならpng画像
こんな風に「相手がどう使うか」「自分がどつ使いたいか」を基準に選んでいます。
上記を覚えるというより、「この人（自分が作る時）にとって一番使いやすい形は何かな？」とぜひ考えてみてくださいね。
保存形式で迷うことが少なくなるはずです。
ちなみに、illustratorを初めて開くときは、こちらの記事も参考に。
イラレのはじめ方。Illustratorを開いたけど何を押せばいい？編集画面までの行き方を解説
Illustratorの始め方を初心者向けに解説。新規ファイルの作成方法やA4サイズの設定、RGB・CMYKの選び方、編集画面までの流れを、実際の画面を交えながらやさしく紹介します。「最初の画面で何を押せばいいの？」と迷った方におすすめの記事です。
まとめ
Illustratorの保存形式には、それぞれ役割があります。
●.ai：編集用・デザイナー同士の共有
●PDF：確認用・クライアントとのやり取り
●jpg：写真データとしておすすめ・容量を軽くしたい時
●png：ロゴ・イラストなどデザイン素材としておすすめ（背景を透過させたい時）
私もその都度調べながら、違いが分かったり、クライアントが使いやすいものを想像できるようになりました。
仕事を重ねる中で、「誰が使うデータなのか」を考えてみると迷うことが少なくなります。
この記事が、Illustratorを始めたばかりの方が保存形式を選ぶ時の参考になれば嬉しいです。
みなとんでした♪
【注意】
この内容は、みなとん個人の学びや見解によるものです。
絶対というものではありませんが、私自身の学び・経験や体験・お客様の反応などからわかったことを元に書いています。
記事は、「こんなこと・考え方・方法もあるのね」という感じで制作の参考に楽しく読んでもらえたら嬉しいです！私も楽しく書いてます。
さてさて、別の記事でもまたお会いしましょう！
最後まで読んでくださってありがとうございました！！
