福野泰介の一日一創

画像のサイズ変更、フロントエンドではブラウザ任せにできますが、サーバーでは別途対応が必要です。画像系オープンソース「squoosh」内に、リサイズ機能を見つけたので、ESモジュールとして切り出しました。

「code4fukui/ImageResizer」
下記のようにインポートして、画像を幅高さ配列に変換したImageDataのインスタンスを渡すだけ、すぐ使えます。 import { ImageResizer } from "https://code4fukui.github.io/ImageResizer/ImageResizer.js"; const imgdata2 = ImageResizer.resize(imgdata, w2); console.log(imgdata2);

縮小した画像を引き伸ばし表示したサンプルです。

変更元画像。