画像トリミング:比率指定で簡単編集
JPG、PNG、WebP画像を無料で自由形式または1:1、4:3、16:9などの固定比率にトリミング。ライブプレビューにも対応し、処理はすべてブラウザ内で完了します。
画像を読み込み、比率プリセットを選ぶか正確な切り抜き座標を入力し、プレビューを確認して結果をダウンロードします。Canvas APIでローカル処理するため、アップロードはありません。
画像トリミング:比率指定で簡単編集
JPG、PNG、WebP画像を無料で自由形式または1:1、4:3、16:9などの固定比率にトリミング。ライブプレビューにも対応し、処理はすべてブラウザ内で完了します。
画像はブラウザ内でローカルにトリミングされ、デバイスの外へ出ることはありません。
トリミング計算機
ファイルを読み込まずに数値だけ確認しますか?画像サイズを入力し、上の比率プリセットを選んで、収まる最大の中央切り抜きを計算します。
計算機では、上のトリミング画面で選択した比率プリセットを使用します。
画像トリミングについて
トリミングは写真を改善する最も速い方法です。端の不要なものを取り除き、被写体の構図を整え、用途に必要な形にできます。プロフィール画像には正方形、動画サムネイルには16:9、定番のプリントには4:3がよく使われます。この画像トリミングツールは、JPG、PNG、WebPをブラウザ内だけで任意の長方形に切り抜きます。ファイルはローカルでデコードされ、Canvasに描画・切り抜き・再エンコードされるため、アップロードされません。
切り抜きの指定方法は2つあります。最も簡単なのは比率プリセットです。自由なら制約なし、1:1なら正方形、4:3なら標準的な写真、16:9ならワイド画面になります。プリセットを選ぶと、その形で可能な最大の中央切り抜きが自動配置されます。数値欄ではXとYで左上の位置、幅と高さでサイズを調整できます。ライブプレビューでは切り抜き外が暗く表示されるので、保存前に残る部分を正確に確認できます。確定すれば、切り抜き部分を新しい画像として無劣化PNGでダウンロードできます。
ピクセル単位の数値指定は、ドラッグだけのツールとは違います。「上から60ピクセルの位置から1200 × 630に切り抜く」といった仕様でも、4つの数値を入力すれば正確で、複数画像に繰り返し適用できます。比率 r の最大幅は、画像の幅と画像の高さ × r の小さい方です。
数値だけ必要な場合は、下の計算機でファイルを読み込まずに済みます。元のサイズとプリセットを入力すると、最大の中央切り抜きのサイズと位置を返します。無料で登録不要、透かしもなく、読み込み後はオフラインでも使えます。すべてクライアント側のJavaScriptとCanvasで動作するためです。
画像トリミングの例
よくある切り抜きと数値の例です。
| 作業 | 切り抜き範囲 | 説明 |
|---|---|---|
| 3000 × 2000の写真から正方形のアバター(1:1) | 2000 × 2000、左端から500 px | 短い辺に合わせ、横方向に中央配置します:(3000 − 2000) ÷ 2 = 500。 |
| 4000 × 3000の写真からワイド16:9サムネイル | 4000 × 2250、上端から375 px | 幅は全て残し、高さは4000 ÷ (16/9) = 2250。垂直方向に中央配置します。 |
| 5000 × 4000のスキャンから4:3プリント用切り抜き | 5000 × 3750、上端から125 px | 幅を全て使い、高さ250 pxを上下に均等に切り取ります。 |
| 1600 × 900画像の下から100 pxの透かし帯を削除 | X 0、Y 0、幅1600、高さ800(自由) | 自由形式なら横の構図を変えずに帯だけ正確に切り取れます。 |
画像をトリミングする方法
- ファイル選択でJPG、PNG、WebP画像を選びます。画像は最後までデバイス内に留まります。
- 比率プリセット(自由、正方形、4:3、16:9)を選ぶと、最大の中央切り抜きが自動配置されます。
- X、Y、幅、高さを微調整し、残る範囲をプレビューで確認します。
- 「トリミングしてダウンロード」をクリックし、切り抜きをPNGで保存します。
画像トリミング FAQ
トリミングすると写真はアップロードされますか?
いいえ。File APIとCanvasを使い、ブラウザ内だけで読み込みと切り抜きを行います。サーバーにファイルは送られないため、スクリーンショットや個人写真にも安全です。
画像を正方形に切り抜くには?
画像を読み込み、1:1プリセットをクリックします。最大の中央正方形が自動配置され、XやYを調整して残す範囲を移動できます。
XとYの値は何を表しますか?
画像の左上を基準にした、切り抜き枠の左上のピクセル座標です。Xを増やすと右へ、Yを増やすと下へ移動します。幅と高さで枠のサイズを決めます。
トリミングで画質は下がりますか?
残すピクセルはそのままコピーされるため、トリミング自体は無劣化です。結果はPNGで保存され、残ったピクセルは完全に保持されます。
画像より大きく切り抜けないのはなぜですか?
存在するピクセルだけを残すため、切り抜き枠は画像の境界内に制限されます。大きなキャンバスや余白を追加するには、パディング対応の編集ツールを使ってください。
どのアスペクト比を使えばよいですか?
用途に合わせます。プロフィール画像は1:1、動画サムネイルやプレゼン表紙は16:9、定番の写真プリントは4:3、形を固定せず不要部分だけ切るなら自由を選びます。