無料Webツール

座標とサイズを指定して画像を切り抜く

座標とサイズを数値で指定して、画像の必要な範囲を切り抜きます。

画像を選択

🔒 画像やテキストはこのブラウザ内で処理され、サーバーへ送信されません。

使い方と確認ポイント

画像の左上を基準にX・Y座標と幅・高さをpxで指定し、その範囲だけをPNGとして切り抜きます。座標が分かっているバナー部品やスクリーンショットの一部分を正確なサイズで取り出したいとき向けです。

  1. 画像を選ぶと、元画像の幅・高さが切り抜きサイズへ入ります。
  2. X・Yと切り抜き幅・高さをpxで指定します。
  3. 「切り抜く」を押し、結果サイズを確認してPNGを保存します。
原点
左上が X=0 / Y=0
幅・高さ
1px以上の整数として処理
範囲
元画像の外側へ出る指定は不可
出力
PNG

1200×800画像から中央600×400を切り出す

中央部分を取りたいなら、X=300、Y=200、幅=600、高さ=400と指定すると 600×400px のPNGを作れます。

ドラッグで範囲を選ぶツールではなく数値指定です。元画像の外へ1pxでもはみ出す指定はエラーになるため、X+幅とY+高さが元画像サイズ以内か確認してください。

座標が決まっている作業に強い

広告素材の定型切り出しや、同じ位置を複数回扱う作業では、目視ドラッグより数値指定の方が再現しやすくなります。

Xは左から、Yは上から数える

画像編集ソフトと同じように左上が原点です。右端から何px、下端から何pxという指定ではありません。

切り抜き後はPNGになる

JPEGなどを入力しても保存結果はPNGです。写真用途で最終的にJPEGが必要なら、切り抜き後に形式変換してください。

元画像より大きい切り抜きは作らない

このページは切り抜き専用で、余白追加やキャンバス拡張はしません。外側まで必要なら別の画像編集方法が向いています。

同じサイズでも位置が違えば内容は変わる

幅・高さだけ合っていてもX/Yがずれると別の範囲になります。ロゴや文字の端が切れていないか、保存前にプレビューを確認してください。

関連リファレンス: DPI・PPI・px · 用紙サイズ · アスペクト比