クライアントサイドでのHTML5での画像のリサイズは普通Canvasを使うだろう。 しかし、実際にCanvasのリサイズをやってみて、そのクオリティーの低さに驚いた。 1. Canvasでリサイズ これがMacのPreviewでリサイズしたもの。 ジャギジャギしてて画像としての価値は大きく下がってしまう。 Flashなんかだと、デフォルトでまあまあのクオリティーのスムージングがかかるのであまり気にすることはなかったが、こりゃダメダメだ。 2. Lanczosアルゴリズムでリサイズ そこで、もっとハイクオリティにリサイズする方法は無いかと調べた。まずあたったのはこちら。 javascript - Resizing an image in an HTML5 canvas - Stack Overflow これはLanczosアルゴリズムでリサイズする方法だ。 ハンガリーの人「Cornelius
![HTML5 Canvasで画像のリサイズするならコレ!「JS-Image-Resizer」](https://cdn-ak-scissors.b.st-hatena.com/image/square/980f917b6ac3701b5e0ef50ad0352c22b5667054/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEgETG9q-JB0Z8LKvXc7CE37bhfRvUpXCMF07ycazvGjhVSvFAbyq0u-6sADS9ikpJZ1wUKjEe7IaN9Fodbw-iK9GaVzVWvpdr4nJbtBED7-oe0a2SaQqpMbwx_1ptN28DWY_loEKUP4DSI%2Fw1200-h630-p-k-no-nu%2Fmacpreview.png)