本文へスキップ
batonbox

ガイド

被写体を枠に残したまま画像を切り抜く方法

切り抜き枠を描き、縦横比を固定し、PNG、JPEG、WebP で書き出します。ハンドルの下から絵が滑り出しません。

更新 2026-09-21

切り抜きは、写真を直すいちばん安い手段です。天井を捨てる、アバター用にポートレートを正方形にする、大きな静止画から 16:9 のバナーを切る。ツールが思うように動かないと失敗します。枠を動かしたかったのに絵がパンする、4000 ピクセルの原画が画面に収まらず、見えないまま切る、といった具合です。

Batonbox の「画像を切り抜き」は、絵をステージの中に収めます。枠を描き、動かし、大きさを変えても、画像はそのままです。縦横比の固定、ピクセル表示、確認用の拡大が同じ作業台にあります。書き出しはブラウザ内で、PNG、JPEG、WebP です。

先に枠、ピクセルは後

パーセントのスライダーではなく、枠に入れたい話から始めてください。被写体のまわりに枠を引き、行き先が求めるなら 1:1、4:3、3:4、16:9、9:16 を固定します。自由比率は、印刷や、あとでもう一度切るレイアウト向けです。

プラットフォームが最小未満を拒否するとき、ピクセル表示が効きます。アバターと Open Graph カードには公開サイズがあります。雑な切り抜きをリサイズするより、先に切ってからサイズを変えるほうがきれいです。

切り抜きがしないこと

切り抜きはピクセルを捨てます。柔らかい顔をシャープにはせず、飛んだハイライトも戻せません。広い画の中で被写体が小さいなら、切ったうえで残った画素がすべてだと受け入れるか、より大きな原画に戻ってください。

JPEG の書き出しは非可逆です。また編集するなら、PNG か元ファイルのままにしてください。WebP は、行き先が受け入れるなら良い納品形式です。保管には向きません。

まとめて切るとき、急がない

ツールは複数枚を受け付けます。一枚の枠を全部に当てるのではなく、それぞれ自分のステージで切ってください。顔の位置は写真ごとに違います。同じパーセントで切ると、半分は頭が切れます。

手順

  1. 1

    絵を画面に収める

    原画が巨大なら、被写体が見えるまでステージ内で拡大とパンをしてください。切手サイズのプレビューから切ろうとしないでください。

  2. 2

    枠を描いてから、比率を固定する

    まず自由比率で荒く取り、1:1 か 16:9 に切り替えて、詰めているあいだハンドルが正直なままになるようにします。

  3. 3

    ピクセルを読む

    幅と高さを行き先と照らし合わせます。最小を下回るなら、枠を広げるか、別の元を選んでください。

  4. 4

    納品する形式で書き出す

    ロゴや、また編集するファイルは PNG。一度アップロードする写真は JPEG か WebP です。

よくある質問

切り抜きはサーバーで行われますか?
いいえ。「画像を切り抜き」は、ブラウザのキャンバスに描きます。このツールではファイルはアップロードされません。
ドラッグしても、なぜ絵は動かないのですか?
ハンドルが動かすのは切り抜き枠で、写真ではありません。大きな画像が視野の外へ滑り出さないための、意図した動きです。
iPhone の HEIC を切り抜けますか?
ブラウザが HEIC をデコードできればできます。いまの Safari と、最近の Chromium はできます。共有するときは PNG か JPEG で書き出してください。