画像トリミングツール

ブラウザで画像を切り抜き・ダウンロード

画像をドラッグ&ドロップまたはファイル選択で読み込み、マウスやタッチ操作で切り抜き範囲を指定できます。アスペクト比プリセット(1:1、4:3、16:9など)やピクセル値の手動入力にも対応。すべての処理はブラウザ内のCanvas APIで完結し、画像がサーバーにアップロードされることはありません。

画像をドラッグ&ドロップ

またはクリックしてファイルを選択

対応形式: PNG, JPEG, GIF, WebP, BMP

画像をアップロードするとトリミングできます

使い方

1

画像をアップロード

ドロップエリアに画像をドラッグ&ドロップするか、クリックしてファイルを選択します。PNG、JPEG、GIF、WebP、BMPなどの一般的な画像形式に対応しています。アップロードされた画像はブラウザ内でのみ処理され、サーバーに送信されることは一切ありません。読み込みが完了すると、キャンバス上に画像が表示されます。

2

切り抜き範囲を指定

キャンバス上でマウスをドラッグして切り抜き範囲を選択します。範囲の四隅と各辺の中央にあるハンドルをドラッグすると、範囲のサイズを変更できます。範囲の内側をドラッグすると位置を移動できます。アスペクト比プリセット(1:1、4:3、16:9など)を選ぶと、指定した比率に固定された範囲で切り抜けます。X、Y、幅、高さの数値を直接入力して正確な範囲を指定することも可能です。

3

形式を選んでダウンロード

出力形式をPNG(無劣化)またはJPEG(圧縮)から選択します。JPEGの場合は品質スライダーで圧縮率を調整できます。プレビューエリアで切り抜き結果を確認し、「ダウンロード」ボタンを押すと切り抜いた画像がダウンロードされます。元画像の実際のピクセルサイズで出力されるため、高解像度の切り抜きが可能です。

トリミングの基本

画像のトリミング(切り抜き・クロップ)は、写真や画像編集において最も基本的かつ頻繁に使用される操作のひとつです。不要な背景を除去したり、被写体を強調したり、特定のアスペクト比に合わせたりする目的で行われます。スマートフォンで撮影した写真をSNSに投稿する際や、ウェブサイト用のバナー画像を作成する際など、日常的にトリミングが必要になる場面は数多くあります。

アスペクト比とは

アスペクト比とは、画像の幅と高さの比率のことです。トリミング時にアスペクト比を固定すると、指定した比率を維持したまま範囲を調整できます。用途に応じて適切なアスペクト比を選ぶことが、美しい仕上がりの鍵となります。以下に代表的なアスペクト比とその用途を紹介します。

  • 1:1(正方形):Instagramの投稿やプロフィール画像、アイコン画像などに最適です。被写体を中央に配置することで、バランスの良い構図になります。
  • 4:3:デジタルカメラの標準的な比率で、写真プリント(L判・2L判)にも適しています。やや横長で、風景写真やポートレートなど幅広い用途で使いやすい比率です。
  • 3:2:一眼レフカメラやフィルムカメラの標準比率です。4:3よりやや横長で、プリント写真(はがきサイズ)とも相性が良いため、写真愛好家に広く使われています。
  • 16:9(ワイドスクリーン):テレビやPCモニター、YouTubeの動画サムネイルなどに使われる比率です。横幅が広いため、パノラマ的な風景写真やバナー画像に適しています。
  • 9:16(縦長):スマートフォンの縦画面表示に最適化された比率です。Instagramストーリーズ、TikTok動画、スマートフォン用の壁紙などに使用されます。

トリミングの活用シーン

トリミングは単に画像を切り抜くだけでなく、写真の構図を改善するための強力な手段でもあります。撮影時に完璧な構図を得ることは難しいため、後からトリミングで調整することは一般的な手法です。たとえば、三分割法に基づいて被写体の位置を調整したり、余計な要素を画面外に追い出したりすることで、写真の印象を大きく改善できます。

また、ウェブデザインやSNS運用においては、各プラットフォームが推奨する画像サイズに合わせてトリミングすることが重要です。適切にトリミングされた画像は、自動的に切り取られるリスクを避け、意図した通りの表示を実現します。ブログのアイキャッチ画像、ECサイトの商品画像、プレゼン資料への写真挿入など、トリミングが必要な場面は多岐にわたります。

高品質なトリミングのコツ

このツールでは、キャンバス上の表示サイズに関わらず、元画像の実際のピクセル座標で切り抜きを行うため、高解像度の出力が得られます。たとえば、4000x3000ピクセルの画像を画面上では縮小表示していても、切り抜き結果は元のピクセル密度を維持した高品質な画像になります。JPEG形式で保存する場合は、品質85%以上を推奨します。品質を下げすぎると圧縮ノイズが目立つようになるため、用途に応じて適切な品質を設定してください。

よくある質問

画像はサーバーにアップロードされますか?

いいえ、すべての処理はお使いのブラウザ内のCanvas APIで完結しています。画像データがサーバーに送信されたり、外部に保存されることは一切ありません。インターネット接続がなくても、ページを読み込んだ後であれば利用可能です。

対応している画像形式は何ですか?

ブラウザがサポートするすべての画像形式に対応しています。一般的にはPNG、JPEG、GIF、WebP、BMPなどが利用可能です。出力形式としてはPNGとJPEGの2種類から選択できます。PNG形式は透過を維持したまま保存でき、JPEG形式はファイルサイズを小さく抑えたい場合に適しています。

トリミング範囲をピクセル値で正確に指定できますか?

はい、X(左端からの位置)、Y(上端からの位置)、W(幅)、H(高さ)の各フィールドに数値を直接入力することで、ピクセル単位で正確な範囲を指定できます。数値を入力するとキャンバス上の切り抜き範囲がリアルタイムに更新され、同時にプレビューにも反映されます。

出力画像の解像度はどうなりますか?

出力画像は元画像のピクセル座標に基づいて切り抜かれるため、元画像と同じ解像度(ピクセル密度)を維持します。キャンバス上では画面サイズに合わせて縮小表示していますが、実際の出力は元画像の実ピクセルで処理されるため、高解像度画像も劣化なくトリミングできます。

スマートフォンでも使えますか?

はい、スマートフォン・タブレット・PCなど、ブラウザが使えるすべてのデバイスに対応しています。タッチ操作で切り抜き範囲の移動やリサイズが可能です。画面幅に合わせてキャンバスが自動的にスケーリングされるため、小さな画面でも快適に操作できます。

無料で使えますか?

はい、完全無料です。登録やアカウント作成も不要です。広告表示はありますが、機能に制限はありません。何度でもお使いいただけます。

処理できる画像の最大サイズは?

ブラウザのメモリ制限に依存しますが、一般的には幅・高さともに10000ピクセル程度まで処理可能です。非常に大きな画像を読み込む場合、デバイスの性能によっては動作が遅くなることがあります。その場合は、先にリサイズツールで画像を小さくしてからトリミングすることをお勧めします。

データについて

このツールは時効性のないデータのみを使用しています。計算式や変換係数は普遍的な値に基づいており、定期的な更新は不要です。

入力データはブラウザ内のみで処理されます。サーバーへの送信は一切ありません。