HOME > Pixia入門講座 > ファイルの開き方と保存方法 > * GIF、PNG、JPEGの違いと特徴を学ぶ

GIF、PNG、JPEGの違いと特徴を学ぶ

ブログやPIXIVなどWeb上にアップできる画像の形式GIF、PNG、JPEGについて詳しく解説しているページです。Pixiaで作成したベタ塗りの単純なイラストを3つの形式で保存し、画質やファイル容量を比較してみました。

ピクじろう 描いた絵をブログでアップしたいんだけど、ブログにアップするためにはPixia形式のままじゃダメなんだよね?

*

小秋 ええ、レイヤを結合して、JPEG形式、GIF形式、PNG形式のどれかで保存する必要があるわ。こういうベタ塗りのイラストの場合はGIFがいいんじゃないかしら。
ピクじろう JPEGやPNGではダメなの?
小秋 うーん、PNGは、確かにどんな画像もきれいに保存できるんだけど、比較的ファイルサイズが大きいから、最後の手段にしたいのよね。そして、JPEGはこういう単純なイラストが苦手なの。
ピクじろう 苦手?
小秋 ええ、試しに保存してみましょうか。まず、レイヤを結合しましょう。えっと、背景は白のままでいいのかしら?

*

ピクじろう うん、いいよ。
小秋 じゃ、「不透明にする」にチェックを入れてレイヤを結合してくれる?

*

ピクじろう うん、分かった。結合ができたら、あとは「ファイル」→「名前をつけて保存」で、それぞれの形式で保存していけばいいんだね。

*

小秋 ええ。JPEGは、まず、クオリティ100で保存してみてね。できたら現在のウィンドウを一度閉じて、それぞれのファイルを開いてみて。

*

ピクじろう 3つとも開いてみたよ。あれ? なんだあ、JPEGもきれいじゃない。

*

*

*

小秋 うーん、こういう場合は、おそらくファイルサイズがねえ。「ファイルを開く」ダイアログで、表示を「詳細」にして、ファイルサイズを確認してみてくれる?

*

ピクじろう うん。あっ! JPEGが34KBで一番大きい! 僕はこれから作品をどんどんブログにアップしていく予定なんだ。だからあんまり容量を食ってもらっては困るなあ。

*

小秋 試しにクオリティを落としてみましょうか。90と80で保存してみてくれる?

*

ピクじろう 保存して開いてみたなあ。うわー何? クオリティ80の画像の線の周りのもやもや。気持ち悪い!

*

小秋 それは「モスキートノイズ」といってね。JPEG形式で、こういう単純なイラストを容量をおさえて保存するときに起こる現象なのよ。
ピクじろう しかも容量をおさえたと言っても、PNGよりまだ大きいよ。なるほど、JPEGは単純なイラストが苦手ってこういうことだったんだね。よし、ここは容量が一番小さいGIF形式に決定だね。

*

このページのトップへ▲