イラストを保存するベストな【ファイル形式】はどれ?!Procreateの様々なファイル形式について

Procreate
スポンサーリンク

イラストを保存するときにどのファイル形式で保存するのがベストなのか迷ったことはありませんか?迷ったらとりあえずPNG(ピング)で保存しましょう!

うーたみ
うーたみ

個人的にイラストを保存するベストなファイル形式はPNGだと思うよ!

ファイル形式についてめちゃくちゃ詳しくは説明できませんが、主なファイル形式JPEG・PNG・GIFのちがいProcreateアプリにある保存形式の種類ざっくりご説明します。

ProcreateとはiPad専用の有料イラスト制作アプリです。ブラシの種類が豊富で、Apple Pencilを使えば力の入れ方次第で線に強弱をつけることもできます。アニメーション機能にも対応しています。
拡張子特徴透過アニメーションサイズ
JPEG/JPG
(ジェーペグ)
・不可逆圧縮
・文字を含むイラストを保存すると劣化が目立つ
・表現できる色の種類が約1670万色ある。
・iPhoneなどで撮る写真はJPG、スクショはPNG。
非対応
×
非対応
×
PNG
(ピング)
・可逆圧縮
保存を繰り返しても画像は劣化しない。
・8ビットPNGで表現できる色の数は256色。
対応
非対応
×
GIF
(ジフ)
・可逆圧縮
・動画と違い繰り返されるGIFアニメーションが作れます
・写真のような表現する色の数が多いものには不向き。
対応

(半透明不可)
対応

拡張子とは

拡張子とはファイル名の「.」以降のことです。ワードなら「.docx」MP3は「.mp3」エクセルは「.xlsx」などファイルの違いを区別するものです。

iPhoneで撮った写真や画像のファイル形式の確認方法は、「写真」>「共有アイコン」>「ファイル選択」から確認しています。

ゴリたみ
ゴリたみ

この方法以外に確認できないの?写真情報とかありそうだけど。

わからないから、知りたいときはこの方法で確認しているよ!

うーたみ
うーたみ

圧縮とは

画像、音声、動画はマルチメディアといい、情報量が大きいので保存する際には情報量を小さくする圧縮が行われます

圧縮形式には「可逆圧縮」「不可逆圧縮」があります。

可逆圧縮(ロスレス圧縮)圧縮をするが、完全に元に戻せる
不可逆圧縮(ロッシー圧縮)圧縮をすると完全には元の状態に戻せない
ゴリたみ
ゴリたみ

え!不可逆圧縮は元に戻せないなら劣化するってことだよね?メリットあるの?

不可逆圧縮は圧縮率が高いからデータの容量をかなり小さくすることができるよ!写真は劣化が目立ちにくい(人間が気づきにくい)から高画質で容量が大きく劣化が目立ちにくいものを保存するのには向いているね!

うーたみ
うーたみ
ゴリたみ
ゴリたみ

容量が大きいと何か問題なの?

容量がすぐいっぱいになったり、Web上では遅延などの原因になるよ!

うーたみ
うーたみ

JPEG/JPG(不可逆圧縮):写真向き

画像を保存すると「タイトル名.jpeg」「タイトル名.jpg」と2種類の拡張子がありますが、JPEGとJPGに違いはありません

jpeg/jpg形式は写真によく使われるファイル形式です。1pxあたり約1670万色の色が表現でき、高画質ですが容量が小さくできるのが特徴です

pixel:デジタル画像の最小単位

イラストは劣化が目立つ

JPEGは不可逆圧縮で圧縮するので画像を元の状態に戻する(解凍)ことができないので劣化します。上記の画像は一度保存したイラストになります。そこまで劣化は目立ちませんが、文字がの部分を見るとPNGより若干輪郭がギザギザ(ジャギー)になっています。

保存を繰り返すとさらに劣化が目立つ

「上書き保存」や「名前を付けて保存」など編集を加えて保存をするとさらにJPEGは劣化が目立っていきます。トリミングを行って上書き保存したJPEGはかなりジャギーになっているのがわかりす。

背景が透過できない

背景が透過できないのでイラストをコラージュしたりするのには不向きです。

写真向きのファイル形式

JPEGは写真を保存するのに適したファイル形式と言われる理由は次の通りです。

 

例えば全裸で写真を撮っても「肌色」一色ではありません。ものすごい数の肌色っぽい色で、色と色の境目がわからないほど滑らかに徐々に馴染んでいます。同じ影でも濃い部分もあれば薄い部分もあり一色ではありません。こうしたたくさんの色で表現ができ、高画質だけど容量を軽くしたいもの(写真)に向いています。

イラストでも画像サイズが大きく、単色ではない詳細なカラーで写真のような画像を容量を小さく保存したい場合ははJPEGがおすすめです。

ゴリたみ
ゴリたみ

ようするに、きれいな画像(色の表現が多い)は容量が大きく重いけど、JPEGならきれいな画像を容量を小さく保存ができるということだね!

そうだよ!きれいで大きな写真などをサイトに載せるときはJPEGがいいね!

うーたみ
うーたみ

PNG(可逆圧縮):イラスト向き

png8、png24、png32があります。8ビットpng(png8)が表現できる色の数はGIFと同じく256色です。

png24で表現できる色の数はJPEGと同じく約1677万色です。png32はファイルサイズがかなり大きくなるのでWEB向きではありません。

ゴリたみ
ゴリたみ

ビットってなに?

ざっくりいうと、24ビット「赤色(R)256色」×「緑色(G)256色」×「青色(B)256色」=1677万色の色を再現(1ピクセルあたり)でききるヤツで8ビットは1ピクセルあたり256色の表現ができるヤツ!

うーたみ
うーたみ
ゴリたみ
ゴリたみ

表現できる色の数が多いほどきれいな画像になるってことだね!

PNGは可逆圧縮で圧縮するので圧縮率は低いですが完全に元の状態に戻すことができますが容量はJPEG/GIFより大きくなります。

イラストを保存後にトリミングや編集を行ったりすることがある場合はPNG形式で保存をすることをおすすめします。

Procreateのファイル形式PNGはpng8だよ!

うーたみ
うーたみ

GIF:アニメーションが作成できる

PNGと同じく可逆圧縮なので完全に元の状態に戻せるファイル形式です。表現できる色は256色なのでグラデーションなどには不向きです。

GIFは画像ですがアニメーションが作成できます。2枚のイラストでもGIFアニメーションなら繰り返し動きます。画像を繰り返しめくって動いているように見せているようなイメージです。

短いアニメーションなら動画より容量も小さくなりループ再生ができることが特徴です。

ページの最後にある各サイトへ飛んでもらうため、リンクを画像に埋め込んでいるこの画像もGIFアニメーションで作成してあります。

NFTアート  

同じ動きをするバナーなどを作成するにに向いているファイル形式です。

バナー

Procreateで作成したGIFアニメーションをサイトに載せるときは「最大解像度」ではなく「ウェブ対応」で書き出してね!

うーたみ
うーたみ

アニメーションの基本についてはこちらの記事をご覧ください。

その他Proceateのファイル形式

Procreateにはいくつかのファイル形式があります。JPEG、PNG、アニメーションGIF以外をざっくりとご説明します。

Procreate

Proreate独自のファイル形式です。複数レイヤー情報などがそのまま保存されProcreateアプリ上で開くことができます。

ゴリたみ
ゴリたみ

バックアップを取るのにいいね!

PSD

Adobe Photoshopのファイル形式です。複数のレイヤー情報などがそのまま保存することができます。PhotoshopやAdobe Illustratorで開いたときにレイヤーが別れた状態を保つことができます。Adobe独自のファイル形式であるためAdobe以外で開くことができません

レイヤーが別れた状態で書き出してAdobeで開けるから、部分的に動かすアニメーションを作成したりするのに便利な書き出しフォーマットだよ!

うーたみ
うーたみ

PDF

拡張子は「.pdf」です。様々なフォントの文字で作られた文や画像などは作成したアプリがないと開くことができませんが、PDFに変換することでどのパソコンやOSからでも使用したフォントや配置した通りの画像で表示することが可能になります。例えばWordで作成した文章を保存してファイルをWordを持っていない人に共有しても開くことができません。しかし、PDFに変換することでWordが無い人でも表示することができます。

ProcreateではPDFを読み込むことも書き出すこともできます。PDFを読み込むとページがレイヤー別で表示されます。

複数のレイヤーをPDFで書き出す場合「レイヤーを共有」>「PDF」から書き出してください。

TIFF(ティフ)

拡張子は「.tiff」「.tif」です。このフォーマットではレイヤーがフラット化されますが、詳細な画像情報を維持することができます。そのためファイルサイズは大きくなります。ウェブサイトでは使用できないファイル形式になります。

ゴリたみ
ゴリたみ

TIFFのメリットは?

可逆圧縮と不可逆圧縮の両方を持ち合わせているよ!ファイルサイズが大きくなっても高解像度で入稿したいときとかにいいね!それとほとんどのソフトウェアと互換性があるよ!

うーたみ
うーたみ

PNGファイル

「レイヤーを共有」>「PNGファイル」で保存をするとレイヤーごとに1つの画像としてまとめて保存することができます。3つレイヤーがあれば3枚の画像として保存されます。

アニメーションPNG

アニメーションPNGAPNG(エーピング)といいます。JPEG・PNGはアニメーションに対応していませんが、PNGをアニメーションに対応させたのがAPNGになります。GIFアニメーションと同じく動画ファイルではなく画像になります。

アニメーションGIFとアニメーションPNGを比較するとアニメーションPNGの方がジャギーが少なく画質がきれいです。

容量はGIFと比べるとPNGの方がかなり大きいですが、きれいに画像を動かしたいときにはアニメーションPNGで保存してみてください。

APNGに非対応のブラウザでは1枚の画像として表示されるよ。

うーたみ
うーたみ

アニメーションMP4

MP4は動画フォーマットです。ほとんどのOSやブラウザに対応しています。MP3は音声のみ保存が可能ですが、MP4は音声と動画の両方を保存できます。MOVをベースに作られた動画形式です。

ゴリたみ
ゴリたみ

MOVってなに?

MOVはApple社で開発された標準動画フォーマットだよ。iPhoneで撮影した動画はMOVでWindowsでもMOVを開くことができるよ。

うーたみ
うーたみ

ちなみにマイクロソフト社が開発した動画フォーマットはAVIだよ。マックOSでは再生できないからMOVかMP4に変換する必要があるよ。

うーたみ
うーたみ

アニメーションHEVC

HEVCは動画フォーマットです。圧縮率が高いので高画質の動画ファイルでありながら容量を小さく保存することができます。がしかし!Windowsでは対応していないのでHEVCを開くにはアプリのインストールが必要です。

以上Procreateで保存できるファイル形式についてでした。目的に応じてファイル形式を選んで保存してください。アイコンなどにするイラストを保存するのにファイル形式を迷っているならとりあえずPNGで保存で保存しましょう!

ちなみにProcreate内でキャンバスを開いたり閉じたりを繰り返しても描いたイラストが劣化することはないよ!

うーたみ
うーたみ

タイトルとURLをコピーしました