画像トリミングツール
ブラウザ内でハンドル付きの枠をドラッグするか X・Y・幅・高さを入力して画像を切り抜き、アスペクト比を固定し、回転・反転して PNG や JPEG で書き出します。
画像トリミングツール — プレビュー上で角ハンドル付きの選択枠をドラッグするか、正確な X・Y・幅・高さを入力して画像を切り抜けます。枠と数値入力は常に同期します。1:1・4:3・3:2・16:9・2:3・9:16 または任意のアスペクト比に固定し、三分割ガイドを表示し、切り抜き前に 90° 単位で回転したり反転したりできます。すべてブラウザの Canvas API だけで動作し、画像はアップロードされません。PNG または JPEG で書き出す前に、出力幅と JPEG 品質も設定できます。
画像トリミングツールとは?
画像トリミングツールは、画像を正確な長方形の領域に切り抜く無料のブラウザツールです。正方形のアバター作成、縦型 9:16 のストーリー画面の切り出し、バナーのアスペクト比調整、余白の除去、指定ピクセルサイズでのサムネイル書き出しなどを、本格的な画像編集ソフトを開かずに行えます。切り抜き範囲は、画像上でハンドル付きの枠を直接ドラッグするか、X・Y オフセットと幅・高さを入力して指定します。ドラッグする枠と数値入力は同じ切り抜き領域なので、常に一致します。アスペクト比プリセットと任意比は数値欄とハンドルの両方を制約し、三分割ガイドは構図の助けになり、切り抜き前の回転・反転で画像を先に整えたり反転したりできます。切り抜き結果は自動で更新され、出力幅にスケールして PNG または JPEG で保存できます。
画像トリミングツールの使い方
- 画像(PNG・JPG・WebP・GIF など、ブラウザが読み込める形式)をドロップまたは選択します。切り抜き枠は最初は画像全体で、X・Y・幅・高さの欄にそのサイズが表示されます。
- プレビュー上で長方形をドラッグして切り抜き範囲を決め、角ハンドルをドラッグしてサイズを変え、枠の内側をドラッグして移動します。ドラッグに合わせて数値欄が更新され、数値を入力しても枠が動きます。
- 必要に応じてアスペクト比(1:1・4:3・3:2・16:9・2:3・9:16)を固定するか、「カスタム」を選んで W と H を入力します。比率は数値欄とドラッグハンドルの両方を制約します。
- 設定を開き、切り抜き前に画像を 90° 単位で左右に回転したり、水平・垂直に反転したりできます。三分割ガイドを切り替えて構図に役立てましょう。
- 必要に応じて出力幅を設定して結果をスケールします(空欄なら切り抜きサイズを維持)。JPEG のときは品質スライダーを調整します。
- PNG か JPEG を選び、元画像の隣で切り抜きプレビューが更新されるのを確認して、ダウンロードを押して結果を保存します。
使用例
三分割ガイドを使った正方形アバター
人物写真をドロップし、アスペクト比を 1:1 にして枠を顔に合わせてドラッグします。角ハンドルが正方形を保ちます。三分割ガイドを表示して目を揃え、透過を保つため PNG のままにしてアバターをダウンロードします。
ストーリー用の縦型 9:16 切り抜き
横向きの写真を読み込み、必要なら回転して 9:16 プリセットを選びます。枠の内側をドラッグして被写体を再構図し、出力幅を 1080 に設定すると書き出し画面がちょうど 1080×1920 になり、JPEG で保存します。
正確なピクセル切り抜き+出力リサイズ
アスペクト比を「自由」のままにして X=120、Y=80、幅=400、高さ=300 と入力すると正確に 400×300 の領域になります。出力幅を 800 にすると切り抜きの比率を保ったまま 800×600 に拡大でき、統計に最終サイズが表示されます。
よくある質問
- 切り抜き範囲はどう選びますか?
- 画像上で長方形をドラッグして新しい枠を描き、角ハンドルをドラッグしてサイズを変え、枠の内側をドラッグして移動します。X・Y オフセットや幅・高さを入力することもできます。ドラッグする枠と数値欄は同じ切り抜き領域なので、どちらを編集してももう一方が更新されます。
- どのアスペクト比を固定できますか?
- 1:1・4:3・3:2・16:9・2:3・9:16 を固定できるほか、「カスタム」を選んで任意の幅対高さの比率を入力できます。比率を固定すると幅・高さの欄と角ハンドルによるリサイズの両方が制約され、枠は常にその形を保ちます。幅と高さを個別に設定したい場合は「自由」を選びます。
- 切り抜き前に回転や反転はできますか?
- はい。設定で画像を 90° 単位で左右に回転し、水平・垂直に反転できます。変換は切り抜きの前に適用され、ドラッグするプレビューと書き出す結果の両方が一貫してそれを反映します。
- 出力サイズの変更や JPEG 品質の調整はできますか?
- 出力幅を設定すると切り抜き画像をスケールできます。高さは切り抜きの比率を保つよう自動で追従し、空欄なら切り抜いたピクセルサイズを維持します。JPEG で書き出すときは品質スライダーで圧縮レベルを調整します。
- 対応している出力形式は何ですか?
- PNG または JPEG で書き出せます。PNG は透過を保ちますが、JPEG は透過に対応していないため、透過部分は白い背景で塗りつぶされ、ファイルサイズは品質スライダーで調整します。
- 画像はサーバーにアップロードされますか?
- いいえ。切り抜き・回転・反転はすべて Canvas API を使ってブラウザ内で 100% クライアントサイドで行われます。画像がアップロードされたり、当社のサーバーに送信されたり、共有されたりすることは一切ないため、プライベートで機密性の高い画像でも端末から外に出ません。
関連ツール
画像フォーマット変換ツール
画像を AVIF・WebP・PNG・JPEG・BMP・ICO・単一フレーム GIF の間でブラウザー内で相互変換します。
Excel/CSV を JSON に変換
Excel や CSV の表をブラウザ内で JSON または CSV に変換します。
EXIF ビューア・メタデータ削除ツール
画像の EXIF メタデータ(カメラ・レンズ・撮影日時・GPS 位置)を確認し、削除してきれいなコピーをダウンロードできます。すべてブラウザ内で完結します。
ファビコン生成ツール
ブラウザ内で完全な favicon 一式を生成:本物の多解像度 favicon.ico、16〜512 px の PNG、site.webmanifest、HTML スニペット。