リサイズで最もやりがちな失敗:歪み
画像のリサイズは簡単そうに見えますが、幅と高さの数値を直接変更すると、画像が簡単に伸びてしまいます——顔が横に広がり、丸が楕円になります。原因は幅と高さが同じ比率でスケールされておらず、縦横比が崩れているためです。
なぜ縦横比を保つのか
縦横比とは画像の幅と高さの比率です。比率を保ってスケールすれば、画像は大きくなるか小さくなるだけで、コンテンツの形は変わりません。比率を崩すと、コンテンツが伸びたり潰れたりします。
人間の目は歪みに非常に敏感で、特に顔、文字、丸い物体は少し歪むだけで違和感があります。
比率を保つリサイズ方法
縦横比をロックする
ほとんどの画像ツールには「比率をロック」オプションがあります(鍵のアイコンが多いです)。有効にすると、幅を変更すると高さが自動的に追従し、その逆も同様です。これが最もシンプルな方法です。
パーセンテージでスケール
パーセンテージを入力します。例えば50%に縮小すると、幅と高さが同時に0.5を掛けられ、比率は自然に保たれます。
片側だけ設定する
幅だけ、または高さだけを設定し、もう一方は比率で自動計算させます。例えば元画像が1920×1080で、幅を960に設定すると、高さは自動的に540と計算されます。
画像リサイズツールは比率ロック付きのスケールをサポートしています。
よくあるリサイズのニーズ
指定幅まで縮小する
ウェブ画像は幅でサイズを決めることが多いです(例:幅800px)。幅を800に設定すると、高さは比率で自動的に追従します。
一括で画像のサイズを統一する
一括リサイズ:ターゲット幅を設定すると、すべての画像がその幅まで縮小され、高さはそれぞれの比率に従います。元の比率が異なるため、幅を統一すると高さは揃わない点に注意してください。
画像を拡大する
拡大すると鮮明さが失われます(補間拡大)。小さな画像の拡大は必然的にぼやけます——100×100を1000×1000に拡大して鮮明さを保つことは期待しないでください。高品位な拡大にはAI拡大ツールを使います。
指定ファイルサイズまで縮小する
前回の「画像を指定サイズに圧縮」を参照してください——サイズ変更はファイル容量を制御する手段の一つです。
一括リサイズの注意点
比率が揃わないと統一が難しい
まとまった画像の比率がまちまち(4:3もあれば16:9もある)の場合、同じサイズに統一するにはクロップまたは余白が必要になります。
- 幅を統一、高さはそれぞれ異なる:横並びのレイアウトに適する
- サイズ統一+クロップ:グリッド表示に適するが、コンテンツが失われる
- サイズ統一+余白:コンテンツは完全だが、白い縁ができる
小さな画像を拡大しない
一括リサイズで、ターゲットより大きい画像を縮小するのは問題ありませんが、ターゲットより小さい画像を拡大するとぼやけます。「縮小のみ、拡大しない」オプションを設定するか、小さな画像は別途処理してください。
DocsAllでリサイズする
- 画像をアップロード
- 「比率をロック」にチェック(デフォルトでロック)
- ターゲットの幅または高さを入力
- またはパーセンテージスケールを選択
- ダウンロード
ブラウザ内で処理され、写真はアップロードされません。
よくある落とし穴
幅と高さを入力して比率をロックしていない
手動で幅800、高さ600を入力しても、元の比率が4:3でなければ歪みます。比率をロックするか、比率に合わせて計算してから入力してください。
縮小後に鮮明さが落ちすぎる
縮小はダウンサンプリングです——良いツールはアンチエイリアシングアルゴリズムでエッジを滑らかにします。劣ったツールは縮小後にギザギザが目立ちます。
サイズ単位とDPIの混同
ピクセルサイズ(例:1920×1080)と物理サイズ(センチ)は異なり、DPIも関わります。画面用途ではピクセルサイズを見ます。印刷時のみ物理サイズとDPIを見ます。
まとめ
リサイズのポイントは「比率をロック」することです。片側を変更してもう一方を自動計算させるか、パーセンテージでスケールします。一括リサイズでは比率が揃わない場合の処理方法に注意し、小さな画像を拡大しないでください。DocsAllのリサイズツールはデフォルトで比率をロックし、ブラウザ内で処理されるため、写真はアップロードされずより安全です。