写真のトリミングと比率の合わせ方|1:1・4:5・16:9
写真を1:1・4:5・16:9などの比率に合わせる方法を解説。トリミングとリサイズの違い、構図のコツ、切り抜いたあとに大きさと容量を下げる正しい順番までわかります。
SNSに写真を投稿したら、思っていた部分が切れてしまった。ネットショップの商品画像の大きさがそろわず、一覧ページがばらばらに見える。こうした悩みの多くは、写真の「比率」(縦と横の長さの割合)を先に合わせておくことで解決できます。
この記事は、スマートフォンで撮った写真をSNSやブログ、資料に使う方に向けて書いています。トリミングとリサイズの違いから、よく使う比率、きれいに見せる構図のコツ、ブラウザだけで作業する手順まで、順番に説明します。
トリミングとリサイズの違い
画像の「大きさを変える」作業には、性質の違う2つの操作があります。この2つを混同すると、写真が横に伸びたり、必要な部分が消えたりする原因になります。
| 操作 | 何をするか | 比率 | 写真の中身 |
|---|---|---|---|
| トリミング(切り抜き) | 写真の一部を切り取って残す | 変えられる | 枠の外側はなくなる |
| リサイズ(大きさ変更) | 写真全体を拡大・縮小する | 基本は変わらない | すべて残るが細かさが変わる |
たとえば横長の写真を正方形にしたいとき、リサイズで無理に幅だけを縮めると、人の顔や建物が細長くゆがんでしまいます。比率を変えたいときはトリミング、ピクセル数(画像を作る点の数)を減らしたいときはリサイズ、と使い分けるのが基本です。
よく使う比率と向いている用途
比率は「横:縦」の順で書くのが一般的です。代表的な4つの比率を表にまとめました。
| 比率 | 形 | 主な用途の例 |
|---|---|---|
| 1:1 | 正方形 | SNSの投稿、プロフィール画像、商品一覧のサムネイル |
| 4:5 | やや縦長 | SNSのフィード投稿(画面を広く使える) |
| 3:4 | 縦長 | スマートフォンの標準的な写真、縦向きの資料 |
| 16:9 | 横長 | 動画のサムネイル、プレゼン資料、ブログのアイキャッチ |
各SNSやサービスが推奨するピクセル数は、仕様の変更によって変わることがあります。投稿前には、利用するサービスのヘルプページで最新の情報を確認してください。比率さえ合っていれば、ピクセル数はあとからリサイズで調整できます。
なお、スマートフォンで撮った写真は3:4(横向きなら4:3)のことが多く、設定によっては9:16(縦向きの16:9)になることもあります。Deftivoの比率ボタンに9:16はないため、縦長に切りたいときは4:5や3:4、または「自由」を使います。1:1や4:5にすると左右や上下が少し削られるため、撮影するときから余白を残しておくと、トリミングで困りにくくなります。
きれいに見せる構図のコツ
比率を合わせるだけでなく、枠のどこに被写体を置くかで写真の印象は大きく変わります。トリミングのときに意識したいポイントをまとめます。
- 三分割を意識する:画面を縦横3つずつに分ける線を思い浮かべ、その交点付近に主役を置くと、自然でバランスのよい写真になります。
- 正方形は中央配置も合う:1:1は上下左右が同じ長さなので、商品やアイコンは真ん中に置くと安定して見えます。
- 視線の先に余白を残す:人や動物が横を向いているときは、顔が向いている側を広めに残すと窮屈になりません。
- 頭や手足を関節で切らない:人物を切るときは、首やひじ、ひざなどの関節の位置を避けると不自然さが減ります。
- 水平線をまっすぐに:海や地平線が傾いていると落ち着かない印象になります。目立つ線が画面の端と平行になっているか確認しましょう。
縦長の4:5は、スマートフォンの画面で大きく表示されやすい形です。料理や人物など、縦に長い被写体と相性がよいでしょう。横長の16:9は風景や複数の人が並ぶ写真に向いています。
Deftivoで写真を比率どおりにトリミングする手順
Deftivoの画像トリミングは、ブラウザの中だけで処理が完結するツールです。写真がサーバーにアップロードされないため、人の顔が写った写真や仕事の資料も扱いやすいのが特長です。
- JPG・PNG・WebPの画像を選ぶか、ドロップします。
- 「比率」で「自由」か、1:1・4:5・4:3・16:9・3:4のいずれかを選びます。
- 枠をドラッグして位置を決め、黄色い角をドラッグして大きさを変えます。
- 「トリミング」を押すと、元の画像と同じ形式ですぐにダウンロードされます。
固定比率を選ぶと、角をドラッグして枠を広げたり縮めたりしても比率がくずれません。まず枠の大きさを決め、そのあとで枠全体を動かして被写体の位置を合わせると、構図を整えやすくなります。
トリミングのあとに大きさと容量を下げる順番
SNSやブログに載せる画像は、比率だけでなくピクセル数やファイル容量(データの重さ)も大切です。作業の順番は次のとおりにすると、画質を保ちやすくなります。
| 順番 | 作業 | 理由 |
|---|---|---|
| 1 | トリミング | 必要な範囲を先に決める。元の写真が大きいほど細かく残せる |
| 2 | リサイズ | 使い道に合ったピクセル数まで小さくする |
| 3 | 圧縮 | 最後に容量を下げ、読み込みを速くする |
先に縮小してから切り抜くと、残る部分のピクセル数が少なくなり、ぼやけやすくなります。反対に、圧縮を何度も繰り返すと画質が少しずつ落ちていくため、圧縮は最後に一度だけ行うのがおすすめです。
リサイズはDeftivoの画像サイズ変更で行えます。
- 画像を1枚または複数選ぶか、画面にドラッグ&ドロップします。
- 「ピクセル」か「パーセント」のどちらで指定するかを選びます。
- 新しい幅または高さを入力します。「縦横比を保つ」にチェックしている場合は、もう一方の辺が自動で計算されます。
- 「サイズを変更」を押し、画像を1枚ずつ、またはまとめてZIPファイルでダウンロードします。
「縦横比を保つ」をオンにしておけば、トリミングで合わせた比率がそのまま保たれます。最後の仕上げはDeftivoの画像圧縮です。
- 画像を1枚または複数選択するか、ドラッグ&ドロップします。
- 「画質」を設定します。必要に応じて「最大の幅」も指定します。
- 「形式」を選びます。迷ったら「自動(最小サイズ)」で構いません。
- 「圧縮する」を押し、圧縮前後のサイズを確認してからダウンロードします。
注意点とコツ
- 元の写真は残しておく:トリミングで切った部分はあとから戻せません。元のファイルは別に保存しておき、加工したものは別の名前で扱いましょう。
- 拡大はなるべく避ける:小さく切り抜いた画像を大きく引き伸ばすと、ぼやけたり、ギザギザが目立ったりします。必要なピクセル数より小さくなりすぎないように範囲を決めてください。
- 表にない比率は「自由」で:使いたい比率が一覧にないときは「自由」を選び、仕上がりの縦横を見ながら枠を調整します。
- 透明な背景はPNGやWebPで:背景を透明にした画像をJPGにすると、透明だった部分が色で塗られます。透明さを残したいときは出力形式に気をつけましょう。
- 複数枚は比率をそろえる:商品画像や記事の画像は、同じ比率でそろえるだけで、ページ全体がすっきり見えます。
よくある質問
トリミングすると画質は落ちますか?
切り抜くこと自体で、残った部分の画質が悪くなるわけではありません。ただし、残る範囲が小さいとピクセル数が少なくなるため、大きく表示したときにぼやけて見えることがあります。
1:1と4:5はどちらを選べばよいですか?
一覧で同じ大きさに並べたい場合や、アイコンとして使う場合は1:1が向いています。スマートフォンの画面でより大きく見せたい場合は、縦長の4:5を選ぶとよいでしょう。
写真がサーバーに送られることはありませんか?
Deftivoのツールは、処理をすべてブラウザの中で行います。写真がアップロードされないため、個人的な写真や社外に出せない資料でも安心して扱えます。
縦長の写真を16:9にすると、上下が大きく切れてしまいます。どうすればよいですか?
縦長の写真から横長の範囲を切り出すと、上下が大きく削られるのは避けられません。一番見せたい部分を枠の中に収めるように位置を調整するか、はじめから横向きで撮影しておくのが確実です。