画像のサイズをオンラインで変更するときは、まず表示する場所を決めてから目標のピクセル数を選びます。ブログのヒーロー画像、SNSのプロフィール画像、商品サムネイルにはそれぞれ違うサイズが必要です。オンライン画像リサイズを開き、幅または高さを指定して、新しいコピーをダウンロードしましょう。
画像のサイズ変更で変わること
リサイズは画像のピクセル数を変更します。CMSのアップロード制限、決まった幅のサムネイル、特定のキャンバスが必要なSNS投稿に便利です。リサイズはクロップとは異なり、リサイズはフレーム全体を保ち、クロップは一部を切り取って新しい構図を作ります。
リサイズは圧縮とも異なります。小さいフレームはファイルも小さくなりやすいですが、サイズが正しい画像でも圧縮が必要な場合があります。サイズ変更後も容量が大きいときは画像圧縮を使います。
オンラインで画像サイズを変更する手順
1. 画像リサイズを開く
画像リサイズを開き、JPG、PNG、WebPを選びます。元の寸法が表示されるため、推測ではなくピクセル数を見て目標を決められます。
2. 目標の幅または高さを入力する
目標の幅か高さを入力します。CMSやプラットフォームの指定がある場合はそれを使い、単に小さくしたい場合は長い辺を少しずつ減らして表示サイズで比較します。
大きすぎる出力を防ぐため、ツールには安全な制限があります。小さい画像を拡大して細部が戻ることはないため、通常は元画像から縮小するほうが安定します。
3. アスペクト比をロックする
画像の比率を保つ場合はロックをオンにします。幅を変更すると元の比率に合わせて高さが計算されるため、人物、商品、ロゴが伸びません。別の形のキャンバスが必要なときだけロックを外し、その場合は変形よりクロップを選ぶほうが安全です。
4. 出力を確認する
リサイズ後は新しい画像と元画像を比較します。顔、商品ラベル、細い線、透明な端、小さな文字を確認し、ページやフィードで実際に表示されるサイズで見てください。全画面では鮮明でも、小さなサムネイルでは読みにくくなることがあります。
よくある用途の画像サイズ
正確な寸法は公開先で決まりますが、次の考え方が役立ちます。
- ブログとWebサイト：カメラの元画像ではなく、本文カラムの幅に合わせる。
- SNSプロフィール：円形または正方形で表示される場合は正方形を用意する。
- SNS投稿：正方形、横長、縦長のどれかを確認してから変更する。
- 商品サムネイル：カタログ全体で幅と高さをそろえる。
- メール画像：スマートフォンで読める幅にし、大きすぎる素材を避ける。
一般的なプリセットを永久的なルールだと考えないでください。SNSやCMSの推奨値は変わるため、正確な寸法が必要な場合は現在の公開先を確認します。
画像をぼやけさせない方法
元画像から始め、用途に合わせて一度だけリサイズします。同じJPGを何度も書き出すと、文字や高コントラストの輪郭に劣化が蓄積します。小さくしたいだけなら、先に拡大せずそのまま縮小してください。
画像の内容に合わせて形式を選びます。透明背景やくっきりした図形にはPNG、写真や多くのWeb画像にはWebPを比較できます。寸法を決めたあとも容量が大きい場合はオンライン画像圧縮を使います。
構図を変える必要があるなら、目的を決めてクロップします。正方形の商品サムネイルは主体を中央に置くクロップが向いています。比率のロックを外して横長画像を正方形にすると、画像が伸びてしまいます。
よくある質問
画像のサイズをオンラインで変更する方法は？
オンライン画像リサイズを開き、JPG、PNG、WebPをアップロードし、幅または高さを入力して比率をロックし、結果を確認してからダウンロードします。
画質を落とさずに画像サイズを変更できますか？
縮小ではピクセルが減るため、情報が完全に失われないわけではありません。元画像を使い、適切なサイズを選び、比率をロックして、繰り返し書き出さないことが品質維持につながります。
リサイズと圧縮の違いは何ですか？
リサイズはピクセル寸法を変更し、圧縮は品質や形式を調整して保存容量を減らします。フレームが大きいときはリサイズし、寸法が合っていても重いときは圧縮します。
Webサイトにアップロードする前にリサイズすべきですか？
通常は、ページで必要な最大表示サイズに合わせてからアップロードし、必要なら圧縮します。カメラの元画像をそのまま配信するより、訪問者の読み込み負担を減らせます。
透明なPNGもリサイズできますか？
できます。透明背景やくっきりしたグラフィックが必要ならPNGを維持し、写真や透明度が不要なWeb画像ならWebPの容量も比較してください。
画像ツールを使い分ける
正確なピクセル数には画像リサイズ、品質と容量には画像圧縮、構図を変えるには画像クロップを使います。元画像を保管しておけば、別の用途向けの出力も作りやすくなります。