画像を、ブラウザの中だけでリサイズ・正方形化する

このツールについて

画像リサイズ・正方形化ツールは、画像の幅・高さを指定してリサイズしたり、SNSアイコンやサムネイル用に正方形へ整形したりするためのツールです。「リサイズ」モードでは幅・高さの数値指定に加え、SNSアイコンやサムネイル向けのプリセットも用意しています。

「正方形化」モードでは、はみ出す部分を中央クロップするか、余白を付けてパディングするかを選べます。すべてブラウザ内で処理され、画像がサーバーに送信されることはありません。

使い方

1. 「画像をここにドラッグ、またはファイルを選択」から画像を追加する（複数枚可）。
2. 「モード」で「リサイズ」か「正方形化」を選ぶ。
3. リサイズなら幅・高さを入力するか、プリセット（SNSアイコン512×512など）を選ぶ。正方形化なら出力サイズと「中央クロップ」「余白パディング」を選ぶ。
4. 「出力形式」でPNG・JPGを選び、JPGなら画質を調整する。
5. 各行の「保存」、または「まとめてダウンロード」で保存する。

よくある質問

Q. 「比率を維持」をオフにするとどうなりますか？

A. 指定した幅・高さの通りに画像が変形（縦横比が崩れて）出力されます。

Q. 正方形化の「余白パディング」の背景色は変えられますか？

A. はい。「背景色」のカラーピッカーで余白部分の色を指定できます。

Q. 元の画像より大きいサイズを指定するとどうなりますか？

A. 拡大されます。ただし元画像の解像度以上には情報が増えないため、画質は粗くなる場合があります。

Q. 画像を追加した後にモードや数値を変えたら反映されますか？

A. はい。モードやサイズ、出力形式を変更すると、追加済みの画像は自動的に再処理されます。

仕組み（技術メモ）

リサイズ・クロップ・パディングのいずれもcanvasのdrawImage（読み込み元と描画先の範囲を個別に指定できる描画）で実現しており、外部の画像処理ライブラリは使用していません。出力はcanvas.toBlob()でPNGまたはJPGのBlobとして生成され、画像データはブラウザの外に出ません。