画像トリミング

この画像トリミングツールでは、必要な部分だけを正確に選べます。枠をドラッグするかピクセル値を入力し、よく使うアスペクト比を選んで、切り抜いた範囲を PNG で書き出せます。元の画像はアップロードされません。

データはブラウザ内でローカルに処理され、当サイトのサーバーへアップロードされることはありません。

または、ここに画像をドロップ

JPEG · PNG · WebP · GIF · max 20 MB

このツールの使い方

1 画像を選択するかドロップします。プレビューの上に切り抜き枠が表示されます。
2 枠をドラッグして移動し、右下のハンドルをドラッグしてサイズを変更します。
3 1:1、4:3、16:9 のプリセットを使うか、正確な値をピクセルで入力します。
4 切り抜きを適用し、結果を確認して PNG をダウンロードします。

計算式と計算ロジック

切り抜き範囲

出力 = (x, y) から (x + width, y + height) までの元画像のピクセル

切り抜きは画像の元のピクセル座標で定義されるため、書き出されるファイルは指定した幅と高さに正確に一致します。

アスペクト比

高さ = 幅 ÷ 比率

プリセットを使うと、一方の辺からもう一方が調整され、枠は画像内に収まります。「自由」にすると、幅と高さをそれぞれ個別に設定できます。

計算例

正方形のプロフィール写真

縦長の写真から、顔のまわりを正方形に切り抜きたい。

1:1 のプリセットを選択
顔の上で枠を移動し、サイズを調整
適用して PNG をダウンロード

出力は正方形で、選択したピクセルだけを使います。引き伸ばしは発生しません。

横長のバナー

ヘッダー画像に 16:9 の範囲が必要です。

16:9 を選択
枠を配置
レイアウト上必要な場合は正確な値を入力

数値フィールドと枠は連動するため、正確なレイアウトを再現できます。

境界ケースと精度

画像の外側の切り抜き枠

枠は画像の範囲内に収まるように制限されます。端を越えて移動やサイズ変更をしようとしても端で止まり、透過ピクセルが生じることはありません。

小さな選択範囲

切り抜きは最低 1 ピクセル必要です。非常に小さな範囲も指定できますが、後で拡大するとぼやけて見えることがあります。

アニメーション画像

アニメーション GIF は最初のフレームだけが表示され、切り抜かれます。この canvas ベースのツールではアニメーションは保持されません。

よくある質問

トリミングすると画質は落ちますか？ +

切り抜いた PNG は、デコード済みのピクセルから可逆で再エンコードされるため、JPEG のような圧縮ノイズは加わりません。切り抜いた範囲の外側の情報は失われます。

正確なサイズで切り抜けますか？ +

はい。幅、高さ、x、y をピクセルで入力すると、適用前に枠がその値に合わせて移動します。

どの形式の画像を切り抜けますか？ +

JPEG、PNG、WebP、および GIF の最初のフレームに対応しています。書き出すファイルは PNG で、輪郭の鮮明さと透過を保ちます。

アスペクト比を変えると枠が動くのはなぜですか？ +

アスペクト比のプリセットは、現在の幅から高さを決める形（またはその逆）で枠を調整し、枠が画像内に収まるようにするため、端の近くでは原点がずれることがあります。

画像はアップロードされますか？ +

いいえ。切り抜きはすべてブラウザ内で行われ、元のファイルがサーバーに送られることはありません。