Image Crop
Image Crop — ブラウザで動作します。入力は保存されません。
画像の切り抜き（座標）
値を入力してから「計算する」を押してください。
使い方
- 画像を選ぶと原画像ピクセル基準で切れます。
- X・Yに左上開始座標(px)を入れます。既定は0, 0です。
- 幅・高さに切る矩形サイズを入れます。既定200×200です。
- 切り取りを押すと領域が原画像内に合わせられ、結果キャンバスが表示されます。
- PNGダウンロードで保存します。ドラッグボックスUIはなく数字だけ使います。
ポイント
画像切り取りはプロフィールサムネイル、バナー、不要な余白を数字で正確に切るときに使います。原画像左上が(0,0)でxは右、yは下です。領域が絵の外なら自動で原画像内にクランプします。プロフィール正方形、バナー、余白除去のように座標を数字で決めて矩形を切るクロップツールです。ドラッグUIなしで数字だけ使います。数字クロップはバナーガイドラインのように正確なピクセルが必要なときに使い、切ったあとはリサイズツールでアップロードサイズを合わせます。
単位はピクセルです。プレビュー用オーバーレイボックスはなく結果キャンバスだけ見せます。アップロードなしでローカルだけで切れます。領域が原画像外なら自動で中に切り詰めます。領域が絵の外ならクランプされ、結果はPNGです。プレビューガイドボックスはありません。
例
1000×800画像で中央正方形が必要なら x 200、y 100、幅 600、高さ 600 のように入れて切り取りを押します。xが大きすぎて幅が原画像を超えると、切れた幅が減った結果になります。PNGで保存したあとリサイズでサイズを合わせられます。1920×1080で中央1080正方形なら x=420、y=0、幅=1080、高さ=1080 のように入れられます。x=0、y=0、幅=400、高さ=300 なら左上400×300が切れます。
関連: 画像リサイズ
よくある質問
マウスでドラッグして切れますか？
数字入力方式です。ドラッグクロップUIはありません。
切り取り領域が画像の外なら？
原画像内に自動クランプします。原画像を超えた幅は減った結果になります。
X Y 幅 高さの単位は何ですか？
ピクセルです。単位はCSS pxではなく原画像ピクセルです。
原画像の上に切るボックスは見えますか？
結果キャンバスだけ表示します。切るガイドラインは結果プレビューだけ見ます。
切った画像はアップロードされますか？
しません。ブラウザ内だけ処理します。アップロードなしでローカルで切れます。
比率を1:1に固定できますか？
幅と高さを同じ数字に入れると正方形になります。別のロックはありません。
最終確認日: 2026-09-04