PNGファイルは必要以上に大きいことがよくあります。写真を撮ったスクリーンショット、フル解像度で書き出したグラフ、スマートフォンのアプリが保存したスキャン文書。いずれも内容は写真に近く、JPEGならずっと小さくなるのにPNGが可逆で保存しています。変換すればたいてい元の1/5から1/10になり、見た目の違いはありません。
変換処理では各PNGをデコードし、白いキャンバスに描画してからJPEGとしてエンコードします。ブラウザがWebAssemblyワーカーに対応していればMozJPEGのビルドがエンコードを担い、同じ体感画質をブラウザ標準のエンコーダーより少ないバイト数で達成します。「高」は0.92、「標準」は0.85を使います。
すべての処理がページ内でローカルに実行されます。スクリーンショットに社内ツール、私的なメッセージ、アカウント情報が写っていても送信されません。
JPEGにはアルファチャンネルがないため、透明度は何らかの値に決着させる必要があります。ここではすべての画像がエンコード前に白い背景の上に描画されます。したがって周囲が透明なロゴは白い矩形の上に置かれた形で出力されます。文書やメールにはたいていそれで正解ですが、ロゴが色付きのページの上に載る場合は誤った結果です。
透明度を保つ必要があるならPNGのままにするか、WebPへ変換してください。WebPはアルファチャンネルに対応しながらPNGよりはるかによく圧縮します。
インターフェースのスクリーンショット、図表、細いグリッド線のあるグラフ、小さな文字を含む画像はPNGのままにしてください。JPEGの圧縮は高周波のディテールを捨てる仕組みで、鮮明な輪郭とはまさにその高周波です。結果は文字まわりの薄い灰色の影であり、拡大すればはっきりわかります。こうした画像には、可逆エンコードではなく縮小で容量を減らす画像圧縮をお使いください。
写真なら通常PNGの1/5から1/10です。平坦なグラフィックやスクリーンショットでは削減幅がずっと小さく、画質の代償ははるかに目立ちます。そうした画像はPNGのままが適切です。
白になります。JPEGはアルファチャンネルを保存できないため、すべての画像がエンコード前に白い背景と合成されます。透明度を残す必要があるならWebPへ変換してください。
「高」画質ならたいていは読めます。ただしJPEGは常に鮮明な輪郭をわずかにぼかし、小さな文字には薄い灰色の滲みが出ることがあります。文字が小さいスクリーンショットはPNGのままにするのが正解です。
「高」はJPEG品質0.92、「標準」は0.85でエンコードします。「標準」は明らかに小さいファイルになり写真には妥当な選択ですが、輪郭のはっきりした画像にはそうではありません。
いいえ。変換は元のピクセル寸法を保ち、エンコードだけを変えます。画像自体を小さくしたい場合は画像リサイズをお使いください。
いいえ。デコードもエンコードもブラウザのタブ内で行われるため、画像が端末を離れることはありません。
