画像を指定した幅と高さにリサイズ

目標の幅と高さを入力し、画像の収め方を選びます。内側に合わせるは画像全体を保ち、塗りつぶして切り抜きは端を切り落とし、引き伸ばしは縦横比を変えます。PNG と WebP は透明を保ち、結果は新しいサイズを名前に入れてダウンロードされます。

ブラウザ内でローカルに実行
·

    画像を指定したサイズにリサイズする手順

    幅と高さを入力し、画像の収め方を選ぶと、このブラウザー内のキャンバスに結果が描画されます。内側に合わせるは画像全体を保って余白を埋め、塗りつぶして切り抜きは枠を覆って端を切り落とし、引き伸ばしは枠にぴったり合わせて縦横比を変えます。結果はプレビューされ、新しいサイズをファイル名に含む PNG・JPEG・WebP としてダウンロードできます。

    このブラウザーでの実測: 240×60 の画像を 120×120 にリサイズすると約 10〜25 ms で完了し、内側に合わせた PNG(1.6 KB)は帯を保ったまま周囲が余白で埋まり、切り抜いた方(857 B)は外側の帯が失われました。サイズに関わらず実行はミリ秒で返り、何が起きたかは入力欄・プレビュー・3 つの測定値に表れます。

    1. 画像をワークベンチにドロップするか選択します。扱うファイルは 1 つで、別の画像を選ぶと置き換わり、画像以外のファイルはメッセージとともに拒否され、読み込み済みの画像はそのまま残ります。
    2. 幅と高さをピクセルで入力します。空欄のフィールドは元の寸法を保ち(幅を空欄、高さ 60 で 240×60 の画像は 240×60)、実際に使った数値は実行後に書き戻されます。1 px 未満は拒否され、小数は丸められます(100.6 と 60.4 は 101×60)。
    3. 画像の収め方を選びます。内側に合わせるは画像全体を枠に収めて短い辺を余白で埋め、塗りつぶして切り抜きは拡大して長い辺を切り落とし、引き伸ばしは枠をそのまま使います。余白は背景色で塗られ、「透明を保つ」を選ぶと透明のまま残ります(PNG と WebP の既定)。
    4. 出力形式を選びます。PNG・JPEG・WebP に対応し、画質は JPEG と WebP で 10〜100 が有効です。空欄や 0 の場合は 88 に戻り、修正した値が入力欄に書き戻されます。JPEG にはアルファチャンネルがないため、透明部分は背景色で塗られます。
    5. 「ファイルを処理」を押し、プレビューと測定値(入力サイズ・出力サイズ・結果の寸法)を確認してダウンロードします。ファイル名は元の名前と新しいサイズになり、例として wide-240x60-120x120.png となります。実行前やクリア後にダウンロードを押すと、何も起きない代わりにメッセージが出ます。

    3 つのフィットモードと、ブラウザーが受け付けないサイズ

    同じ画像を 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 は残りません。結果は見えているピクセルから再エンコードされるためです。

    破損・空・拡張子だけ変更したファイルには「このブラウザーはそのファイル形式をデコードできません。」と表示され、何も書き出されません。対応しない形式を選んだ場合は読み込み済みの画像が残ります。結果がない状態でダウンロードを押すとエラーではなく「先に画像をリサイズしてから結果をダウンロードしてください。」と表示され、クリアで画像・プレビュー・測定値が消えます。

    最近使ったツール: