容量を小さくするなら、まず「幅」を決める

画質のつまみを下げる前に、画像を表示する大きさを確認します。必要以上の画素を減らすと、細部のつぶれを抑えながら容量を減らせる場合があります。

画素数とKBは、同じものではない

2400 × 1600 pxの画像は384万画素。1200 × 800 pxにすると96万画素で、画素数は4分の1になります。ただし容量が必ず4分の1になるわけではありません。写真の細かさ、ノイズ、形式、画質設定によって圧縮後のKBは変わります。

形式を選ぶための比較

300 KB以内にしたい例

1. 使用先が幅1200 pxを求めるなら、出力幅1200に設定します。
2. 写真ならJPEG、画質85から試します。
3. 容量の目標に300を入力し、書き出した実際の容量を見ます。
4. 届かない場合は、使用先が許す範囲で幅を下げます。元の幅が必要なら別の圧縮手段を検討します。

このツールは、目標に合わせて画質を探索します。目標に届かない場合も保存できますが、「達成できた」とは表示しません。

縮小前に、元画像を残す

縮小で失った細部は、幅を戻しても復元できません。印刷や別サイズで再利用する予定があるなら原本を保管します。位置情報などのメタデータが結果に残るかは形式とブラウザーで変わるため、この機能を機密情報の除去保証として使わないでください。

画像を整える

技術資料

MDN：CanvasのtoBlobとHTML Standard：Canvasを実装の確認に参照しています。保存形式の対応は利用するブラウザーにも依存します。