画像トリミング:比率指定で簡単編集

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(自由)自由形式なら横の構図を変えずに帯だけ正確に切り取れます。

画像をトリミングする方法

  1. ファイル選択でJPG、PNG、WebP画像を選びます。画像は最後までデバイス内に留まります。
  2. 比率プリセット(自由、正方形、4:3、16:9)を選ぶと、最大の中央切り抜きが自動配置されます。
  3. X、Y、幅、高さを微調整し、残る範囲をプレビューで確認します。
  4. 「トリミングしてダウンロード」をクリックし、切り抜きをPNGで保存します。

画像トリミング FAQ

トリミングすると写真はアップロードされますか?
いいえ。File APIとCanvasを使い、ブラウザ内だけで読み込みと切り抜きを行います。サーバーにファイルは送られないため、スクリーンショットや個人写真にも安全です。
画像を正方形に切り抜くには?
画像を読み込み、1:1プリセットをクリックします。最大の中央正方形が自動配置され、XやYを調整して残す範囲を移動できます。
XとYの値は何を表しますか?
画像の左上を基準にした、切り抜き枠の左上のピクセル座標です。Xを増やすと右へ、Yを増やすと下へ移動します。幅と高さで枠のサイズを決めます。
トリミングで画質は下がりますか?
残すピクセルはそのままコピーされるため、トリミング自体は無劣化です。結果はPNGで保存され、残ったピクセルは完全に保持されます。
画像より大きく切り抜けないのはなぜですか?
存在するピクセルだけを残すため、切り抜き枠は画像の境界内に制限されます。大きなキャンバスや余白を追加するには、パディング対応の編集ツールを使ってください。
どのアスペクト比を使えばよいですか?
用途に合わせます。プロフィール画像は1:1、動画サムネイルやプレゼン表紙は16:9、定番の写真プリントは4:3、形を固定せず不要部分だけ切るなら自由を選びます。