画像の構図を変えたいときは、画像をクロップして正方形のアバター、縦型のストーリー画像、横長のカバーを作れます。クロップは選択範囲の外側の画素を取り除き、リサイズは画像全体の寸法を変えます。オンライン画像クロッパーで比率または自由形式を選び、元画像を残したまま切り抜いたコピーを保存できます。
先にクロップ比率を選ぶ
公開先によって適した比率が変わります。
- 1:1の正方形はアバター、商品カード、正方形のSNS投稿に向いています。
- 16:9の横型は動画カバー、プレゼンテーション、横長のWebセクションに使えます。
- 9:16の縦型はStories、Shorts、Reelsなどスマートフォンの全画面表示に適しています。
- 4:3または3:4はクラシックな写真レイアウトやポートレートカードに使えます。
- 自由形式はカスタムサイズの枠や、固定比率では被写体を切ってしまう構図に便利です。
クロップ枠を置く前に比率を決めます。被写体を守りながら、目的のページが求める形に合わせやすくなります。
オンラインで画像をクロップする方法
1. 画像クロッパーを開く
オンライン画像クロッパーを開き、JPG、PNG、WebPを選択します。公開先のページやプラットフォームで確認するまで元ファイルを残してください。
2. 比率または自由形式を選ぶ
1:1、16:9、9:16、4:3、3:4、21:9、9:21などから選択します。カスタム寸法のレイアウトや、固定比率では被写体の大事な部分が切れる場合は自由形式を使います。
3. クロップ枠を配置する
クロップ枠をドラッグし、被写体、顔、商品ラベル、重要な文字が枠内に残るようにします。公開先のUIが重なる場所のために余白を残してください。プロフィール画像なら顔や商品を中央に置き、商品カードならカタログ内で位置をそろえます。
4. クロップして結果を確認する
クロップをクリックし、ダウンロード前に出力を確認します。元画像を最大表示するだけでなく、実際に使う表示サイズでもチェックしてください。構図はよいのに画素数が多い場合は、画像リサイズで正確な寸法にします。
重要な細部を守ってクロップする
元画像から始め、クロップと書き出しを繰り返さないようにします。画素を削除した後は、次のクロップで戻せません。マスターを保存し、正方形・横型・縦型の用途ごとに別の納品コピーを作ります。
公開先が画像に重ねる要素にも注意します。アバターの枠、再生ボタン、テキスト、ナビゲーションが端を覆うことがあります。重要な被写体をその場所から離し、可能なら実際のレイアウトでプレビューしてください。
クロップは画素数を減らすためファイルサイズも小さくなる場合がありますが、圧縮の代わりではありません。構図を決めた後も大きすぎる場合は、画像コンプレッサーを使います。
先にクロップとリサイズのどちらをするか
画像の形が合わず構図を変えるなら先にクロップします。全体の構図が目的に合い、画素数だけ減らしたいときはリサイズを先にしてもかまいません。一般的には、比率に合わせてクロップし、正確な寸法にリサイズし、最後に納品コピーを圧縮します。
画像リサイズで縦横比のロックを外してクロップの代わりにしないでください。幅と高さを別々に変えると被写体が伸びます。構図にはクロッパー、最終ピクセル寸法には画像リサイズを使い分けます。
よくある画像クロップの問題
被写体が切れる
書き出す前に枠を動かし、被写体の周囲に余白を残します。顔や商品はサムネイルのサイズでも確認してください。小さな表示では、きついクロップがさらに窮屈に見えます。
画像が引き伸ばされる
クロップは画素を取り除く処理で、画素の比率を変える処理ではありません。出力が伸びて見える場合は、クロップ後に幅と高さを独立してリサイズしていないか確認し、最終リサイズでは比率を固定します。
形は合っているがファイルが大きい
クロップ後に画像リサイズで正確な幅と高さを設定し、画像コンプレッサーでファイルサイズを調整します。手順を分けると、どの変更が結果に影響したか確認しやすくなります。
文字が端に近すぎる
クロップ枠を移動し、安全な余白を残します。元画像に余白がない場合は、より広い枠や元の構図を使い、文字を無理に端へ寄せないでください。
よくある質問
オンラインで画像をクロップするには？
オンライン画像クロッパーでJPG、PNG、WebPを選び、比率または自由形式を設定して枠を配置し、結果を確認してダウンロードします。
クロップすると画質は下がりますか？
クロップは選択範囲外の画素を削除しますが、クロップだけで範囲内の画素を再サンプリングするわけではありません。その後リサイズする場合は適切な寸法を選び、実際の表示サイズで確認してください。
SNS画像に最適な比率は？
公開先の現在の要件に合わせます。1:1、16:9、9:16はよく使われる出発点ですが、推奨寸法や安全領域はプラットフォームによって変わることがあります。
正確なピクセルサイズにクロップできますか？
まずクロッパーで構図と比率を決め、その後画像リサイズで幅と高さを指定します。被写体を伸ばさないため、比率を保ってください。比率の計算にはアスペクト比計算機も使えます。
画像はクロップと圧縮のどちらを先にしますか？
通常は先にクロップして表示されない画素を削除し、次に目的の寸法へリサイズし、最後に納品コピーを圧縮します。元画像を残しておけば別の構図も作れます。
関連する画像ツール
画像クロッパーで構図を調整し、画像リサイズで正確な寸法にし、画像コンプレッサーで最終ファイルサイズを整えます。形式を変える場合はJPGからPNGやPNGからWebPも利用できます。