画像リサイズとは、画像の横幅と高さ（ピクセル数）を変更することです。ファイル容量を減らすだけの圧縮とは目的が異なり、Webサイト、EC商品画像、SNS、メールなどの表示枠に合わせるときに使います。
画像をリサイズする3ステップ
- 画像リサイズツールで画像を選択
- プリセットまたは横幅・高さを入力し、必要なら「縦横比を維持」をオン
- 出力形式を選び、変換後の画像を確認して保存
縦横比を保つべきケース
写真や商品画像は、通常は縦横比を維持します。元画像が1200×800pxなら比率は3:2です。横幅600pxにする場合、高さは400pxになります。比率を無視して600×600pxへ変えると、被写体が横長・縦長に変形します。正方形が必要なら、無理に伸縮せずトリミングで構図を整えましょう。
リサイズ・トリミング・圧縮の使い分け
| 操作 | 変わるもの | 向いている目的 |
|---|---|---|
| リサイズ | 横幅・高さ | 表示枠に合わせる、容量を減らす |
| トリミング | 写る範囲・構図 | 正方形化、不要部分の除去 |
| 圧縮 | データ量・場合により画質 | 読み込み速度や添付容量の改善 |
出力形式の選び方
- JPG：写真向き。小さくしやすいが透明背景は保持できない
- PNG：ロゴ・図・透明背景向き。写真では容量が大きくなりやすい
- WebP：写真と図の両方に使いやすく、Web掲載の軽量化に向く
ぼやける・荒れる原因
小さい画像を大きく引き伸ばすと、存在しない画素を補うため鮮明さは戻りません。また、リサイズ後に強く圧縮すると文字や輪郭にノイズが出ます。原本から必要寸法へ一度で縮小し、実際の表示環境で確認してください。
まとめ
画像リサイズは、用途に必要なピクセル寸法へ整える作業です。縦横比を維持し、原本より大きくしないことが基本。容量も減らしたい場合は、リサイズ後に画像圧縮を行うと効率的です。
用途からピクセル寸法を決める
リサイズ前に、掲載先の推奨寸法を確認します。画面いっぱいに表示する画像と、一覧のサムネイルでは必要な幅が違います。高密度ディスプレイへの配慮で表示幅より大きな画像を用意する場合でも、元画像をそのまま置くのではなく、サイトの画像配信設計に合わせて候補を用意します。
| 用途 | 確認すること | 注意点 |
|---|---|---|
| Webのメイン画像 | コンテンツ幅とスマホ表示 | 必要なら複数サイズを用意 |
| EC商品画像 | 登録仕様とズーム | 全商品で縦横比を統一 |
| ブログ一覧 | カードの比率 | トリミング位置を確認 |
| メール | 本文の表示幅 | 大きすぎる画像を縮小表示しない |
| 印刷 | 仕上がり寸法 | ピクセルだけでなく解像感を確認 |
よくある質問
リサイズすると容量も減りますか？
多くの場合は減りますが、保存形式や品質設定によって結果は変わります。寸法を整えた後に圧縮すると、より狙った容量へ近づけやすくなります。
小さい画像を大きくできますか？
寸法上は拡大できますが、本来なかった細部は戻りません。ぼやけを避けたい場合は、より大きな原本を探すか、ベクター形式のロゴを用意します。
幅と高さの片方だけ指定できますか？
縦横比を維持する設定なら、片方を基準にもう片方を自動計算できます。用途が固定比率の場合は、リサイズ後にトリミングする方が変形を防げます。