画像をアップロードせずにWeb用へ圧縮・変換する方法

まず画像の種類に合う形式を考える

写真のように色が連続する画像はJPEGやWebPで小さくしやすく、UIのスクリーンショットや図版は文字・線の見え方を確認しながらWebPやPNGを選ぶのが実用的です。透過が必要な画像では、透明部分を保持できる形式を選ぶ必要があります。

一律に「WebPなら必ず最小」「PNGなら高画質」と決めるのではなく、同じ元画像から候補を作って容量と見た目を比べる方が確実です。Image Compressor & ConverterのSmart Optimizeは複数候補を端末内で試し、簡易的な見た目の条件を満たす中から小さい結果を選ぶ補助として使えます。

容量制限へ合わせるなら、品質だけでなく解像度も調整する

「500KB以下」のような上限がある場合、JPEGやWebPの品質を下げるだけで届くこともあります。ただし、元画像が4000pxを超えるような大きな画像なら、表示先では使わない解像度を残したまま品質だけを下げるより、必要な表示サイズまで縮小した方が自然な結果になることがあります。

目標容量モードでは、JPEG / WebPはまず品質を調整し、それだけで届かない場合は解像度も段階的に下げて探索します。PNGはロスレス出力なので品質スライダーではなく解像度側で容量を調整します。画像内容によっては指定容量を必ず達成できるわけではないため、最終結果は実際の出力サイズで確認します。

圧縮率だけでなく文字・輪郭・グラデーションを見る

ファイルサイズが半分になっていても、用途によっては失敗です。README用のスクリーンショットなら小さい文字、商品写真なら輪郭や細部、背景画像ならグラデーションや空のような滑らかな部分を拡大して確認します。

Before / Afterと差分強調を使うと、普段の表示では気づきにくい変化も確認できます。差分が見えること自体が問題という意味ではありません。実際の表示サイズで気になるかを基準にし、必要以上の品質を残して容量を増やさないようにします。

再エンコードでEXIFなどは除去されることも理解しておく

このツールではCanvas経由で画像を再エンコードするため、EXIFなどのメタデータは出力へ引き継がれません。共有前に位置情報を残したくない場合には都合がよい一方、撮影日時やカメラ情報を保存したい用途では注意が必要です。

また、アニメーション画像は通常の静止画として再エンコードされるため、アニメーションは維持されません。元データを保存しておき、用途別に軽量版を作る運用にすると、後から別サイズや別形式が必要になったときにやり直せます。

手順

1. 画像圧縮・変換を開き、PNG・JPEG・WebP画像を追加します。PCではCtrl+Vでスクリーンショットを貼り付けることもできます。
2. Webサイト、写真、スクリーンショット、容量制限など、用途に近いプリセットを選びます。
3. Smart Optimizeを実行するか、出力形式・品質・解像度・目標容量を手動で設定します。
4. Before / Afterと差分強調を見て、文字・輪郭・グラデーションなど用途上重要な部分を確認します。
5. 元容量と出力容量、削減率を確認し、単体画像またはZIPなど必要な形式で保存します。Web制作ならpicture要素やWeb素材ZIPも利用できます。

注意点

• Web掲載用なら、まず実際に表示する最大幅までリサイズしてから品質を詰めると、不要な解像度を抱えにくくなります。
• 複数形式の差が小さいときは、容量だけでなく透明対応や利用先の互換性も含めて選びます。
• 元画像は別に保管してください。再エンコード後の画像から、削除されたEXIFや元の細部を完全には戻せません。