image 画像コンバーター(JPG、PNG、WebP) star

正しい形式を選ぶには

3つの形式はそれぞれ圧縮率、透明度、互換性のバランスの取り方が異なり、選択を誤るとファイルが肥大化するか、目に見える劣化が現れます。PNGは可逆圧縮であり、完全なアルファチャンネル(透明度)をサポートしています — すべてのピクセルが正確に往復するため、輪郭やテキストがくっきりしたロゴ、アイコン、スクリーンショットに適した選択肢です。非可逆形式ではこうした鮮明な境界がにじんで見えてしまいます。JPEGは非可逆圧縮ですが、同程度の視覚的品質でずっと小さいファイルを生み出します。これは、連続階調の画像において人間の目が統計的に気づきにくい細部を捨てているためです — この妥協が特に写真において理にかなうのは、葉や雲に生じる柔らかい圧縮アーティファクトは、ロゴの硬い輪郭に生じる場合よりもはるかに目立たないからであり、そのため写真はJPEGの本来の対象なのです。

2010年にGoogleが発表したWebPは、この2つの間の差を埋めるために作られました: 非可逆モード(JPEGと競合)と可逆モード(アルファ透明度を含めてPNGと競合)の両方を、1つの形式でサポートしています。同等の視覚的品質で比較すると、WebPの非可逆ファイルは通常、同等のJPEGよりも25〜35%小さくなり、ページ読み込みの負荷を実際に削減できます。難点は互換性です: WebPは現行の主要ブラウザすべてでサポートされていますが、古いソフトウェアや旧式のCMS、一部のデスクトップ・印刷ワークフローではサポートされない場合があるため、最新のウェブページの外ではJPEGやPNGへのフォールバックの方が依然として安全な場合があります。

具体例: 同じ3000×2000の写真を、同程度の視覚的品質で3つの形式に書き出してみましょう。PNGは通常、最も大きくなります — 数メガバイトにもなります。可逆圧縮は、自然な写真のノイズを意味のある形で縮小できないためです。JPEGははるかに小さく、多くの場合1メガバイト未満に収まります。非可逆圧縮は、写真に満ちている細かいディテールを捨てるように特別に調整されているからです。WebPはさらに小さく、JPEGよりおおよそ4分の1から3分の1ほど小さくなります。これは、この形式がそもそもそのために設計されたのと同じ理由によるものです。ただし、同じ処理を輪郭のくっきりしたロゴに対して行うと、順位は逆転します: PNGは圧縮して削れるディテールがほとんどないため小さいままですが、JPEGは硬い輪郭の周りのぼやけがはっきりと目立つようになります。

知っておく価値のあること

• JPG → PNG変換では品質は回復しません。JPEGにすでに焼き付けられた圧縮アーティファクトはそのまま残ります。PNGは、次の編集でのさらなる劣化を止めるだけです。非可逆形式への変換は、編集チェーンの最後に一度だけ行ってください。
• 写真から作られたPNGはしばしば非常に大きくなります。PNGは可逆圧縮であるため、JPEGのノイズや写真の粒状感をすべて忠実に保存しなければならず、圧縮効率が悪くなります — 写真の場合、PNGはほぼ常に3つの選択肢の中で最大になり、通常の評判とは正反対です。
• JPEGへの変換は透明度を平坦化します。JPEGにはアルファチャンネルがないため、透明な領域はエンコード前に単色の背景(デフォルトでは白)で塗りつぶされます — ロゴを変換する前にこの点を確認してください。
• すべての処理はブラウザ内のキャンバス上で行われます。ファイルはローカルでデコード、描画、再エンコードされます。何もアップロードされず、お使いの端末のメモリ以外にサイズ制限はなく、ページが読み込まれればオフラインでも動作し続けます。
• 一括変換でもファイルごとの設定が保たれます。複数の画像を一度に変換しても、形式の決定はファイルごとに適用されるため、写真とロゴが混在するバッチでも、それぞれに実際に適した形式に変換できます。