各形式の用途
どの形式も何かを犠牲にしています。どのトレードオフを取るかが分かれば、選択はすぐです。
| 形式 | 透過 | 適している用途 | 備考 |
|---|---|---|---|
| JPG | なし | 写真、カメラ出力、メール添付 | ファイルは小さいが、輪郭や文字がぼやける |
| PNG | あり | ロゴ、アイコン、スクリーンショット、フラットなグラフィック | ファイルは大きいが、輪郭が鮮明で完全なアルファを持つ |
| WebP | あり | Web画像、写真とグラフィックが混在する内容 | 現在のブラウザで広く対応 |
| AVIF | あり | ファイルサイズが最も重要なWeb画像 | 同程度の品質ならWebPより小さいが、エンコードは遅い |
| HEIC | なし | iPhoneから直接の写真 | 多くの古いアプリやサイトでは受け付けられない |
出力形式の選び方
写真なら、通常はJPGが正解です。スマホの写真はHEICやJPGで2〜5 MBであることが多く、中程度の品質設定で再エンコードすると、見た目はほぼ同じままサイズを削減できます。文字や鋭い輪郭は最初に劣化するので、細い線があるものにはJPGを避けてください。
ロゴ、アイコン、スクリーンショットにはPNGを使います。硬い輪郭をきれいに保ち、JPGではまったく保存できない透過も維持します。透過背景は、JPGで保存した瞬間に単色になります。
Web用なら、WebPが実用的なデフォルトです。透過に対応し、写真もグラフィックもそれなりにうまく扱え、現在の主要ブラウザはすべて読み込めます。AVIFは同じ見た目の品質でさらに小さくなりますが、エンコードに時間がかかり、非常に古いソフトでは開けないことがあります。
HEICはiPhoneがデフォルトで書き出す形式です。スマホの容量は節約できますが、多くのWebサイト、CMS、デスクトッププログラムはまだ受け付けません。ファイルがアップロードできないときの定番の解決策は、HEICをJPGに変換することです。
透過と背景色
透過は、対応している形式間でのみ保持されます。PNG、WebP、AVIFはすべてアルファチャンネルを持ちます。JPGは持ちません。透過PNGをJPGに変換すると、空いている領域は背景色、通常は白で塗りつぶされます。画像を暗いページに置く場合は、その色を意識して選ぶか、PNGまたはWebPのままにしてください。
逆方向は安全です。JPGをPNGに変換しても透過は増えませんが、何も失いません。
品質設定とファイルサイズ
品質は非可逆出力にのみ適用されます。JPG、WebP、AVIFはすべて、容量を節約するために一部の詳細を捨てます。その量は品質値で制御します。値が高いほど詳細が残り、ファイルは大きくなります。値が低いとファイルは小さくなり、特に空のような滑らかなグラデーションで目に見えるブロックノイズが出ます。
PNGはそのトレードオフなしで圧縮されるため、品質スライダーはありません。ファイルは単純に大きくなります。
賢明な進め方: まず中程度の品質で変換し、プレビューを見て、輪郭の周囲や平坦な領域にアーティファクトが見える場合にだけ値を上げます。非可逆形式間で繰り返し変換すると、そのたびに劣化が積み重なるので、元ファイルを保持し、以前の変換結果からではなく元ファイルから変換してください。
複数画像の変換
バッチがある場合は、最も要求の厳しい画像を最初に変換して満足できる品質設定を見つけ、その設定を残りにも適用します。スクリーンショットやグラフィックは通常PNGかWebP、カメラ写真はJPGかAVIFが適しているので、変換前に内容の種類でバッチを分けてください。
プライバシーとオフライン利用
変換はJavaScriptを使ってブラウザ内で実行されます。画像がサーバーにアップロードされることはなく、何も保存されず、アカウント作成も不要です。ページが読み込まれた後は、ネットワーク接続なしでも動作し続け、出力に透かしは入りません。
よくある質問
JPGをPNGに変換すると品質は良くなりますか?
いいえ。JPGが作成された時点ですでに失われた詳細は復元できません。PNGへの変換はコンテナを変えるだけで、通常ファイルは大きくなります。
HEICファイルがWebサイトで受け付けられないのはなぜですか?
HEICはAppleのデフォルト写真形式で、多くのWebプラットフォームはまだデコードできません。先にJPGやWebPに変換すればアップロードの問題は解決します。
自分のWebサイトにはWebPとAVIFのどちらを使うべきですか?
AVIFは通常、同じ見た目の品質でより小さいファイルになりますが、エンコードに時間がかかり、古いソフトでの対応は薄いです。幅広い互換性が必要ならWebPが安全なデフォルトです。
アップロードせずに画像を変換できますか?
はい。変換はブラウザ内でローカルに行われるため、ファイルはデバイス上に残ります。サーバーには何も送信されず、後で保存されることもありません。