PNG と JPEG の違いと使い分け
画像を保存するとき、「PNG と JPEG のどちらを選べばいいの？」と迷ったことはありませんか。 どちらもよく使われる形式ですが、得意な画像はまったく違います。この記事では、2 つの違いと使い分けのポイントを解説します。
いちばん大きな違いは「圧縮のしかた」
画像ファイルは、データを小さくするために「圧縮」されています。PNG と JPEG の違いは、この圧縮方法にあります。
- PNG（可逆圧縮）：元のデータを完全に復元できる圧縮方法です。何度保存しても画質が劣化しません。
- JPEG（非可逆圧縮）：人の目に目立ちにくい情報を間引いて、ファイルを大幅に小さくします。その代わり、保存するたびに少しずつ画質が落ちます。
PNG の特徴
- 画質が劣化しないので、文字や細い線がくっきり残る
- 背景を透明にできる（透過 PNG）
- 色数の少ない画像（図形、イラスト、スクリーンショット）ではファイルが小さく済む
- 写真のように色が複雑な画像では、ファイルサイズが大きくなりやすい
JPEG の特徴
- 写真のファイルサイズを大幅に小さくできる
- 透明は扱えない（透明な部分は白などで塗られる）
- 図形や文字の輪郭のまわりに、もやもやしたノイズ（モスキートノイズ）が出やすい
- 編集して保存し直すたびに、画質が少しずつ落ちる
比較表
| 項目 | PNG | JPEG |
|---|---|---|
| 圧縮方式 | 可逆（劣化なし） | 非可逆（劣化あり） |
| 透明 | 使える | 使えない |
| 得意な画像 | 図形、イラスト、文字、スクリーンショット | 写真、グラデーションの多い画像 |
| ファイルサイズ | 単純な画像なら小さい／写真だと大きい | 写真でも小さい |
Shape Maker ではどちらを選ぶ？
Shape Maker で作るのは、図形・線・文字を組み合わせた画像です。こうした画像は PNG がもっとも得意とするもので、 輪郭がくっきりし、ファイルサイズも小さく済みます。基本は PNG を選ぶのがおすすめです。
JPEG を選ぶのは、次のような場合に限るとよいでしょう。
- 投稿先や提出先が JPEG しか受け付けない
- 写真と組み合わせる前提で、ファイルサイズをできるだけ小さくしたい
なお、Shape Maker で JPEG を選ぶと、背景を透明にしていても白で塗られた状態で保存されます。 透明な背景が必要なら PNG を選んでください。詳しくは透過 PNG の作り方で解説しています。
あわせて知っておきたい「解像度」
形式と同じくらい大切なのが、画像のピクセル数（解像度）です。Shape Maker の「解像度」で 2x を選ぶと、 キャンバスが 800×600 なら 1600×1200 ピクセルで保存されます。 スマートフォンや高精細なディスプレイで見る画像、印刷に使う画像は、2x や 3x で保存すると線がなめらかに見えます。
まとめ
- 図形・イラスト・文字・透過が必要な画像 → PNG
- 写真・ファイルサイズを最優先したい画像 → JPEG
- 迷ったら、図形中心の画像は PNG を選べば間違いありません