canvasを指定ファイルサイズに収まるように解像度を落として保存する - Qiita

前置き こちらの記事の続き。 やりたかったこと canvas上で生成した画像を、wikiwikiのアップロード可能ファイルサイズ512KBに収まるようにサイズを落として保存したかった。 サイズの落とし方としてjpgの品質を下げる方法と解像度を下げる方法が思いついたが、ブロックノイズだらけになるくらいならQVGAとかになる方がましだと思ってるので後者を採用した。 512KBにぴったり合わせるのではなく、ざっくり下回っていればヨシとした。 開発環境 Mery(x86) 2.5.6 Firefox 78.0.2(64ビット) 結果 コード function SaveReduced(canvas_src){ console.debug('Saving reduced image.'); //出力用canvas生成 const canvas_out = document.createElement(