画像のトリミング・回転・反転
こうした簡単な編集は、解像度やファイルの品質、そして画像の見え方に影響します。このガイドでは、ピクセルに何が起きるのか、よくある思わぬ結果をどう避けるかを説明します。
構図を整えるトリミング
トリミングでは、長方形の外側がすべて取り除かれます。うまく使えば、端にある余計なものを取り除き、被写体をより効果的な位置に置き、表示される場所に画像を合わせられます。
- 三分割法: トリミングのグリッドは、画面を縦横それぞれ3等分します。被写体や水平線をこれらの線の近くに置くと、ど真ん中に置くよりもバランスよく見えることがよくあります。
- 動きの方向に余白を残す: 右を見ている人や右に歩いている人には、通常、画面の右側に広めのスペースが必要です。
- 端を確認する: 枠の端に、物体の細い切れ端が残らないようにしましょう。
- 先に傾きを直す: 傾きを補正すると角に余白ができ、それをトリミングで切り落とすことになるため、最終的なトリミングの前に、傾いた水平線を小さな角度で回転させてまっすぐにしましょう。
よく使われる縦横比
縦横比とは、幅を高さで割った値です。トリミングするときに縦横比を固定しておけば、引き伸ばしたり再度トリミングしたりせずに、額縁やプリント、レイアウトにぴったり収まります。
| 比率 | 形 | 主な用途 |
|---|---|---|
| 1:1 | 正方形 | プロフィール写真、アバター、商品のサムネイル |
| 4:3 と 3:4 | やや横長、またはやや縦長 | 多くのスマートフォンやコンパクトカメラの標準の写真の形。古い画面やスライド |
| 3:2 と 2:3 | 一般的な写真 | 多くのレンズ交換式カメラ。6 × 4インチ(15 × 10 cm)のプリント |
| 16:9 | ワイド画面 | HD 動画のフレーム(1920 × 1080)、動画のサムネイル、プレゼンテーションのスライド、バナー |
| 9:16 | 縦長、スマートフォンの全画面 | 縦型動画やストーリー形式 |
| 4:5 | やや縦長 | 一部の SNS フィードでの縦長の投稿。8 × 10インチのプリント |
これらはよく使われる慣習であって、決まりではありません。各プラットフォームは推奨するサイズや比率をときどき変更するため、画像を用意する前にそのプラットフォームの最新の要件を確認しましょう。また、プレビューで切り取られる場合に備えて、重要な内容は端から離して配置しましょう。
トリミング後の解像度
トリミングでは拡大や縮小は行われません。トリミング範囲内のピクセルが残り、それ以外は捨てられます。4000 × 3000 の写真を中央の4分の1の範囲にトリミングすると、2000 × 1500 ピクセルになります。小さな画像を大きく切り詰めると用途に対して小さすぎる画像になることがあり、後から拡大しても失われた細部は加えられません。
出力サイズを、画像を使う場所と比べましょう。幅1,200ピクセルで表示される枠には約1,200ピクセルの幅が必要で、高密度の画面ではさらに多く必要です。印刷する場合は、インチ単位の印刷サイズに希望の解像度を掛けます。よく挙げられる目安は1インチあたり300ピクセルなので、幅6インチのプリントには約1,800ピクセルが必要です。画像トリミングツールでは、枠をドラッグしたりピクセル値を入力したりしている間、正確な出力サイズが表示されます。大きくトリミングした画像を後から小さくするには、画像リサイズを使いましょう。
回転と EXIF の向き情報
多くのカメラやスマートフォンは、端末を縦に持って撮影してもピクセルを回転させません。センサーの向きのまま画像を保存し、表示するときにどう回転させるかを示す EXIF の「Orientation」タグを追加します。このタグを読み取るプログラムやウェブサイトでは写真が正しい向きで表示されますが、タグを無視するものや、向きを適用せずにメタデータを削除するツールでは、同じ写真が横向きや逆さまに表示されます。逆の問題も起こります。あるプログラムがピクセルを回転させたのにタグを残したままにすると、別のビューアーが画像をもう一度回転させてしまうのです。
画像の回転・反転と画像トリミングのツールは、写真を開くときにこのタグを適用するため、正しい向きの画像で作業できます。保存されたファイルはピクセルが正しい向きになっていて向きのタグがないため、どこで開いても同じように見えます。90°単位の回転では、リサンプリングせずにピクセルを移動します。水平線をまっすぐにするための 1.5° のような任意の角度では、画像がリサンプリングされ、わずかにぼやけます。
反転と鏡文字
反転(ミラーリング)は回転とは違います。左右反転では左右が入れ替わるため、写っている文字、ロゴ、ナンバープレート、時計、道路標識が裏返しになり、明らかにおかしく見えます。顔は完全には左右対称ではないため、反転すると微妙に違って見えます。反転は、インカメラの鏡像を元に戻したり、被写体がレイアウトの内側を向くようにしたりするなど、目的を持って使い、文字が裏返しになっていないか確認しましょう。上下反転してから左右反転すると、180°回転したのと同じ結果になります。
再エンコード、画質、透明な角
LeedyBox を含むブラウザベースのツールは、画像をデコードし、ピクセルを変更して、新しいファイルにエンコードします。JPG と WebP ではこれが非可逆な処理になるため、90°の回転であっても保存するたびに細部が少し失われます。デスクトップのプログラムの中には、JPG ファイルを再エンコードせずに90°単位で回転できるものもありますが、LeedyBox のツールではできません。編集は1回の作業でまとめて行って保存は1回にする、写真には 90 以上などの高い品質設定を使う、あるいはデコードしたピクセルを変えたくない場合は PNG を選ぶようにしましょう。品質とサイズのトレードオフについては、画像のファイルサイズを小さくする方法をご覧ください。
任意の角度で回転すると、角に空白ができます。キャンバスを広げて空白を塗りつぶすか、元のサイズを保って切り落とすことができます。PNG と WebP では角を透明のままにできますが、JPG は透過を保存できないため、色(通常は白)で塗る必要があります。円形のトリミングにも同じことが当てはまります。詳しくはJPG・PNG・WebP・AVIF の比較で説明しています。
よくある質問
保存した後で回転を元に戻せますか?
逆方向に回転させれば向きは戻りますが、JPG や WebP で保存するたびに圧縮による劣化が加わり、任意の角度の回転は正確には元に戻せません。満足できる結果になるまで、元の画像を残しておきましょう。
トリミングすると画質は下がりますか?
トリミングしても残ったピクセルは変わりませんが、解像度は下がります。また、結果を JPG や WebP で保存すると、圧縮によるわずかな劣化も加わります。
トリミングとリサイズはどちらを先に行うべきですか?
通常は先にトリミングして構図と縦横比を決め、その結果を必要なサイズにリサイズします。こうすれば、細部を2回捨てることがありません。