画像トリミング

クロップボックスのドラッグや正確なピクセル値の入力で、ブラウザ内で画像を切り抜き。1:1、4:3、16:9、9:16などの縦横比のプリセットがあります。

ここに画像をドロップするか、クリックして選択
クリップボードから画像を貼り付けることもできます(Ctrl+V / ⌘V)

すべてブラウザ内で実行されます。データがアップロードされることはありません。

関連ツール

すべて表示

画像トリミングとは?

画像トリミングは、画像の長方形の一部を切り出します。画像上でクロップボックスとその角のハンドルをドラッグするか、ピクセルで正確なX、Y、幅、高さを入力します。縦横比のプリセット(自由、元の比率、1:1、4:3、3:2、16:9、9:16、4:5)でボックスの形を固定できます。

画像トリミングの使い方

  1. 画像をドロップ、選択、または貼り付けます。
  2. 縦横比のプリセットを選ぶか、自由のままにします。
  3. ボックスをドラッグして移動し、角をドラッグしてサイズを変更するか、正確なピクセル値を入力します。
  4. 結果のプレビューを確認し、PNG、JPEG、WebPを選んで、切り抜いた画像をダウンロードします。

例

入力
40×20 image, crop X=20, Y=0, Width=20, Height=10
出力
20×10 PNG containing only the top-right quadrant, saved as `<name>-cropped.png`

画像トリミングを使うべき場面

不要な端の除去、被写体のフレーミング、プロフィール写真、サムネイル、SNS投稿に必要な縦横比への調整に使います。切り抜き後にピクセル寸法を変えるには、画像リサイズを使ってください。

画像トリミングの仕組み

切り抜きの矩形は元の画像のピクセル単位で保持され、画像の範囲内に収められます。結果は、その矩形をそのまま drawImage で新しいcanvasにコピーして作られるため、再サンプリングはなく、すべてのピクセルが元と同一です。出力は選んだ形式でエンコードされます。

一般的な使用例

  • ポートレートを1:1の正方形のアバターに切り抜く
  • 横長のスクリーンショットから16:9のサムネイルを作成
  • ストーリーズ用に9:16の縦長画像を切り出す
  • スクリーンショットの正確な領域をピクセル座標で抽出

セキュリティ注意事項

画像はブラウザ内でCanvas APIを使ってデコード、処理、エンコードされます。サーバーには何もアップロードされません。書き出された画像には、元のEXIFメタデータは含まれません。

よくある質問

切り抜くと画質は下がりますか?

再サンプリングは行われず、ピクセルはそのままコピーされます。JPEGやWebPで保存すると、選んだ画質で非可逆圧縮がかかります。PNGは可逆です。

正確なピクセルサイズで切り抜けますか?

はい。幅と高さをピクセルで入力してください。縦横比のプリセットが有効な場合は、もう一方の寸法が比率に従います。

EXIFの向きは処理されますか?

はい。写真は、カメラの回転がすでに適用された、見たままの向きで表示され、切り抜かれます。

おすすめの次のステップ

他のカテゴリを見る