画像をオンラインでトリミングする方法 — 無料画像クロッパーガイド — FreeTool24

How to crop an image online for free

クロップ（トリミング）は画像編集の最も基本的な操作です。不要な部分を取り除き、必要な部分だけを残す。ドキュメント用にスクリーンショットを整えたり、Instagram用に写真を正方形にしたり、ショップ用の商品画像をリサイズしたり、集合写真から人物を切り抜いたり — クロップはその第一歩です。

Image Cropper を使えば、ブラウザ上で直接画像をクロップできます。アカウント不要、ソフトウェア不要、サーバーへのアップロードも不要。画像はずっとあなたのデバイス上に保存されたままです。

画像クロップとは？

画像クロップとは、画像内の長方形の領域を選択し、その選択範囲の外側をすべて削除するプロセスです。結果として、残したい部分だけを含む小さな画像が生成されます。

クロップとリサイズは異なります：

クロップ は画像の一部を削除し、内容を変更します
リサイズ は画像全体を拡大・縮小し、サイズを変更しますが内容は変わりません

多くの場合、両方を組み合わせます。まずクロップで構図を整え、次にリサイズで特定の出力サイズに合わせます。

なぜ画像をクロップするのか？

構図を改善する

被写体をフレーム内のより良い位置に移動します。三分割法 — 被写体を真ん中ではなく三分の一の位置に配置する手法 — を使うと、写真がより視覚的にダイナミックになります。

不要な要素を取り除く

フレームの端に写り込んだ不要なオブジェクト、人物、背景要素を切り取ります。

プラットフォームの要件に合わせる

各プラットフォームは特定の画像サイズを求めています：

プラットフォーム	推奨クロップ
Instagram 正方形投稿	1:1 (1080×1080 px)
Instagram ポートレート	4:5 (1080×1350 px)
Facebook カバー写真	820×312 px
Twitter/X ヘッダー	1500×500 px
LinkedIn プロフィール写真	1:1 (400×400 px)
YouTube サムネイル	16:9 (1280×720 px)
ウェブサイトバナー	16:9 またはカスタム

ファイルサイズを削減する

きつくクロップされた画像はピクセル数が少なく、ファイルサイズも小さくなります — ウェブのパフォーマンス向上に役立ちます。

商品画像を整える

E-コマースプラットフォーム（Amazon、Shopify、Etsy）は商品画像を白い正方形の背景に配置することを求めています。1:1にクロップするのが標準的な最初のステップです。

画像をオンラインでクロップする方法（ステップバイステップ）

Image Cropper を開く
画像をアップロードする — アップロードボタンをクリックするか、ファイルをドラッグ＆ドロップします。JPG、PNG、WebP、GIF、BMPなどほとんどの画像形式に対応しています。
クロップ範囲を選択する — クロップボックスのハンドルをドラッグして、残したい領域を指定します。選択された領域はハイライトされ、削除される領域は暗く表示されます。
位置を調整する — クロップボックス内をクリックしてドラッグすると、サイズを変えずに位置を変更できます。
アスペクト比を設定する（オプション） — 1:1、4:3、16:9などのプリセット比率にロックして、出力が目的のフォーマットに合うようにします。
カスタムサイズを入力する（オプション） — 特定のサイズで出力する必要がある場合は、正確なピクセル寸法を入力します。
クロップまたはダウンロードをクリックする — クロップされた画像がデバイスに直接保存されます。

アスペクト比の説明

アスペクト比とは、画像の幅と高さの比率のことです。クロップ時にアスペクト比をロックすると、クロップボックスのサイズを変更してもその比率が維持されます。

一般的なアスペクト比とその用途

1:1（正方形） 幅と高さが等しい。Instagram フィード投稿、プロフィール写真、商品サムネイル、アバターの標準形式。高画質では 1080×1080 px。

4:3 クラシックなカメラとテレビの形式。一般的な写真撮影、プレゼンテーション（旧形式）、横方向に少し広い自然な見た目のウェブサムネイルに適しています。

3:2 ほとんどの DSLR およびミラーレスカメラのネイティブ比率。4×6インチプリントに対応。写真を印刷したり写真を公開したりする際に使用します。

16:9（ワイドスクリーン） YouTube サムネイル、動画スクリーンショット、Twitter/X カード、デスクトップ壁紙、そしてほとんどのモダンモニターの標準形式。YouTube サムネイルは最低 1280×720 px。

4:5 Instagram ポートレート形式。幅より高さがあるため、フィード上でより多くのスクリーンスペースを占有します — 正方形や横長の投稿よりもエンゲージメントが高くなることが多いです。

9:16（縦向き） Instagram Stories、TikTok、YouTube Shorts、Reels のフルスクリーン縦型。標準は 1080×1920 px。

2:3 ほとんどのカメラのポートレート方向。標準的な写真プリントサイズ（4×6、8×12）に対応。本の表紙やポスターに使用されます。

用途別クロップ方法

プロフィール写真

顔に焦点を当て、頭の上に少しスペースを残して、きつめの 1:1 正方形にクロップします。あごや頭頂部が切れないよう注意してください。小さなプロフィール写真（表示サイズ 32〜128 px）の場合、サムネイルサイズでも顔が認識できることを確認してください。

E-コマース用商品写真

商品を中央に配置し、四方に均等な余白をつけてクロップする
Amazon、Etsy、ほとんどのマーケットプレイスでは 1:1 比率を使用する
商品の周囲に約 5〜10% の余白を残す — 端ギリギリにクロップしない
写真は JPG で書き出す（ファイルサイズが小さい）、透過背景が必要な商品は PNG で書き出す

ドキュメント用スクリーンショット

関連する UI 要素やセクションのみが映るようにクロップします。コンテキストの一部でない限り、ブラウザのフレーム、タスクバー、周囲のデスクトップは取り除きます。きつくクロップすることでドキュメントが明確になり、画像ファイルも小さくなります。

ソーシャルメディア画像

同じ写真から複数のプラットフォーム向けクロップを生成する場合は、Social Media Resizer を使用してください。単一のクロップには、上記の表のアスペクト比を参照してください。

記事・ブログ投稿のサムネイル

1200×675 px または 1280×720 px の 16:9 クロップは、ほとんどのコンテンツプラットフォーム（Medium、Ghost、Webflow、WordPress）に対応しており、ソーシャルメディアで Open Graph 画像としてシェアされた際にも美しく表示されます。

より良いクロップのためのヒント

三分割法を活用する

画像を 3×3 のグリッドに分割することを想像してください。被写体を真ん中ではなく、四つの交差点のいずれかに配置します。ほとんどの被写体は中心から少しずれた位置にある方が自然に見えます。

被写体が向いている方向に空間を残す

人物や動物が特定の方向を向いている場合、フレームのその側にスペースを残してください。視線の方向に対してきつくクロップすると、窮屈に感じられます。

端を確認する

クロップを確定する前に、選択範囲の端をチェックしてください。よくある問題：指や髪が不自然に切れている、頭が上端に触れている、横から余計なものが入り込んでいるなど。

外側からではなく内側へクロップする

クロップすると（書き出したファイルから）ピクセルが永久に削除されます。大きめのクロップ範囲から始めて、内側に向けて調整してください。後で必要になるかもしれないコンテキストを切り取ってしまうほどきつくクロップしないようにしましょう。

出力 DPI に合わせる

ウェブ： 72〜96 PPI。72 DPI の 1200×675 px はブログのヘッダーとして十分です。
印刷（標準）： 300 DPI。4×6インチの印刷には最低 1200×1800 px が必要です。
大判印刷： 最低 150 DPI。24×36インチのポスターには最低 3600×5400 px が必要です。

クロップと他の画像編集の比較

クロップは、より大きな編集ワークフローの最初のステップであることが多いです：

操作	使用するタイミング
クロップ	不要な領域を削除する、構図を変更する、アスペクト比を合わせる
リサイズ	コンテンツを削除せずに全体のサイズを変更する
回転・反転	クロップ前に向きを修正する
圧縮	クロップ後にファイルサイズを削減する
背景除去	背景から被写体を分離する（クロップとは別の操作）

完全な編集ワークフロー：必要であれば回転 → クロップ → 目標サイズにリサイズ → ウェブ用に圧縮または印刷解像度でエクスポート。

クロップした画像のファイル形式

形式	最適な用途	備考
JPG	写真、グラデーション、複雑な色	非可逆圧縮；ファイルサイズが小さい；透過非対応
PNG	スクリーンショット、ロゴ、透過	可逆圧縮；ファイルサイズが大きい；透過背景に対応
WebP	ウェブ画像	同等の画質で最高の圧縮率；すべてのモダンブラウザで対応
GIF	アニメーション画像のみ	256色制限；写真には不向き
SVG	ベクターグラフィック	解像度非依存；写真には不向き

ほとんどの用途では：写真は JPG（品質 80〜90%）で保存し、ロゴ・スクリーンショットは PNG で保存してください。

よくある質問

クロップすると画質が落ちますか？ クロップ自体は画質を低下させません — ピクセルを削除するだけです。画質の低下は JPG を圧縮または再保存する際にのみ発生します（保存のたびに追加の劣化が生じます）。まず元のファイルを保存してからクロップしてください。後で再編集する必要がある場合は、クロップした書き出しファイルではなく元ファイルから始めてください。

特定のピクセルサイズにクロップできますか？ はい — カスタムサイズのフィールドに正確な幅と高さをピクセルで入力してください。クロップボックスがその比率に合わせてリサイズされ、ダウンロードされる画像はそのサイズになります。

複数の画像を一度にクロップできますか？ 標準の画像クロッパーは一度に一枚の画像を処理します。同じサイズへのバッチクロップには、クロップオプション付きの Image Resizer を使用するか、GIMP や Photoshop などの画像編集ソフトウェアを使用してください。

クロップできる最大ファイルサイズは？ クロッパーはすべてブラウザ内で動作します — サーバー側のアップロードや処理の制限はありません。実際の制限はデバイスのメモリによって異なります。20〜30 MB までのファイルは、ほとんどのモダンデバイスでスムーズにクロップできます。

画像はサーバーにアップロードされますか？ いいえ。Image Cropper は Canvas API を使用してブラウザ内ですべてをローカルで処理します。画像がデバイスの外に出ることはありません。

透過のある PNG 画像をクロップできますか？ はい。PNG で書き出す際、クロップ出力に透明な領域が保持されます。JPG で書き出す場合、透明な領域は白で塗りつぶされます（JPG は透過非対応です）。

円形にクロップするにはどうすればいいですか？ クロップツールは長方形のクロップを作成します。円形クロップ効果を得るには：（1）正方形（1:1）にクロップし、（2）背景除去ツールやフォトエディタを使って円形にマスクし、透過付き PNG で書き出します。