画像を指定した幅と高さにリサイズ
目標の幅と高さを入力し、画像の収め方を選びます。内側に合わせるは画像全体を保ち、塗りつぶして切り抜きは端を切り落とし、引き伸ばしは縦横比を変えます。PNG と WebP は透明を保ち、結果は新しいサイズを名前に入れてダウンロードされます。
ブラウザ内でローカルに実行目標の幅と高さを入力し、画像の収め方を選びます。内側に合わせるは画像全体を保ち、塗りつぶして切り抜きは端を切り落とし、引き伸ばしは縦横比を変えます。PNG と WebP は透明を保ち、結果は新しいサイズを名前に入れてダウンロードされます。
ブラウザ内でローカルに実行幅と高さを入力し、画像の収め方を選ぶと、このブラウザー内のキャンバスに結果が描画されます。内側に合わせるは画像全体を保って余白を埋め、塗りつぶして切り抜きは枠を覆って端を切り落とし、引き伸ばしは枠にぴったり合わせて縦横比を変えます。結果はプレビューされ、新しいサイズをファイル名に含む PNG・JPEG・WebP としてダウンロードできます。
このブラウザーでの実測: 240×60 の画像を 120×120 にリサイズすると約 10〜25 ms で完了し、内側に合わせた PNG(1.6 KB)は帯を保ったまま周囲が余白で埋まり、切り抜いた方(857 B)は外側の帯が失われました。サイズに関わらず実行はミリ秒で返り、何が起きたかは入力欄・プレビュー・3 つの測定値に表れます。
3 色の帯を持つ 240×60 の画像を 120×120 に指定した場合: 内側に合わせるは画像全体を 120×30 に縮めて上下を余白で埋め、塗りつぶして切り抜きは 120×120 に拡大して外側の帯を切り落とし、引き伸ばしは 3 つの帯を比率を変えて枠に描きました。測定値に結果のサイズが出るので、ファイルを開かずにモードを確認できます。
余白は背景色で塗られます。「透明を保つ」を選ぶと PNG と WebP は透明のまま残り、これは変換ツールや一括ツールと同じ既定の動作です。そのためロゴを大きな枠に収めても透明な余白が保たれます。JPEG にはアルファチャンネルがないため、透明部分は常に背景色で塗られます。
ブラウザーがエンコードできるキャンバスの上限は、各辺 16384 px、合計 32 メガピクセルです。16384×60 は 7.1 KB の PNG で完了し、16385×60 は両方の数値を示す上限メッセージで停止し、70000 px は「このブラウザーはそのファイル形式をデコードできません」ではなく同じ上限メッセージを返すようになりました。
幅と高さは 1 px 以上の整数を受け付けます。0 や -5 は元のサイズや 1 ピクセルの画像に化けず、メッセージとともに拒否され、理由はステータス行に表示されます。空欄は元の寸法を保ち、実際に使った数値は実行後に書き戻されるので、フォームには常に使用されたサイズが表示されます。
アニメーション GIF は先頭フレームのみ処理されます。SVG は本来のサイズで描画してから通常の画像と同様にリサイズします(60×30 のアイコンを 120×60 に指定すると 120×60)。EXIF でカメラが回転している JPEG はビューアーでの表示どおりに描画され、40×24 の orientation 6 は 24×40 になり、新しいファイルに EXIF は残りません。結果は見えているピクセルから再エンコードされるためです。
破損・空・拡張子だけ変更したファイルには「このブラウザーはそのファイル形式をデコードできません。」と表示され、何も書き出されません。対応しない形式を選んだ場合は読み込み済みの画像が残ります。結果がない状態でダウンロードを押すとエラーではなく「先に画像をリサイズしてから結果をダウンロードしてください。」と表示され、クリアで画像・プレビュー・測定値が消えます。