画像トリミング
クロップボックスのドラッグや正確なピクセル値の入力で、ブラウザ内で画像を切り抜き。1:1、4:3、16:9、9:16などの縦横比のプリセットがあります。
すべてブラウザ内で実行されます。データがアップロードされることはありません。
関連ツール
すべて表示画像トリミングとは?
画像トリミングは、画像の長方形の一部を切り出します。画像上でクロップボックスとその角のハンドルをドラッグするか、ピクセルで正確なX、Y、幅、高さを入力します。縦横比のプリセット(自由、元の比率、1:1、4:3、3:2、16:9、9:16、4:5)でボックスの形を固定できます。
画像トリミングの使い方
- 画像をドロップ、選択、または貼り付けます。
- 縦横比のプリセットを選ぶか、自由のままにします。
- ボックスをドラッグして移動し、角をドラッグしてサイズを変更するか、正確なピクセル値を入力します。
- 結果のプレビューを確認し、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の向きは処理されますか?
はい。写真は、カメラの回転がすでに適用された、見たままの向きで表示され、切り抜かれます。