画像を正方形にして余白を付ける方法｜切り取らず1:1に整える

画像を正方形にする方法は、不要部分を切り取るトリミングと、足りない部分へ余白を足す方法に分かれます。トリミングは画面いっぱいに見せやすい一方、元画像の端にある人物、商品、文字が切れる可能性があります。

余白追加は元画像全体を縮小して正方形キャンバス内へ収めます。横長画像なら主に上下、縦長画像なら主に左右へ余白ができます。被写体を切りたくない商品写真、作品画像、告知画像、資料画像に向いています。

最初に元画像を選び、出力比率を1:1にします。元画像のピクセル数を維持したい場合は元画像基準を選び、SNS用の決まったサイズが必要な場合は1080×1080pxなどの候補を使います。

次に余白率と画像位置を決めます。比率を合わせるだけなら余白率0%でも上下または左右に余白ができます。被写体の周囲へさらに空間を作りたい場合だけ、追加余白を増やしてください。

正方形以外にも、掲載先に合わせた比率へ余白で整えられます。比率とピクセル数は別の情報です。まず表示枠に合う比率を選び、その後で必要な幅・高さピクセルを決めます。

同じ画像を複数の用途へ使う場合は、元画像を残したうえで用途別に書き出します。1枚を何度も上書きすると、別比率へ作り直すときに画質が落ちやすくなります。

白背景は多くのWebページや商品画像になじみやすく、黒背景は暗い写真や作品画像を引き締めやすい選択です。ブランドカラーや投稿デザインに合わせる場合は指定色を使います。

透明背景は掲載先の背景色をそのまま見せたいときに使います。ただし、表示するアプリやサイトによって透明部分の見え方が変わります。白と黒の両方の背景でプレビューすると、被写体の輪郭が見えにくくならないか確認できます。

写真を白や指定色の背景で保存する場合は、JPGが扱いやすく容量も小さくなりやすい形式です。透明背景が必要な場合はPNGまたはWebPを選びます。JPGには透明部分を保存できません。

文字やロゴが多い画像は、JPGの画質設定によって輪郭がにじむことがあります。PNGとWebPも比較し、実際に表示する大きさで文字や細線を確認してください。

作成後はキャンバスの幅・高さだけでなく、画像部分が小さくなりすぎていないか確認します。余白を増やしすぎると、一覧やスマートフォン表示で被写体が小さく見える場合があります。

SNSやサービス側でさらに自動切り抜きされることもあります。重要な文字、顔、商品は端から少し離し、最終的には実際の投稿画面やアップロード画面でもプレビューしてください。