「フォームに画像を添付したらサイズが大きすぎると言われた」「ブログに載せた写真が表示領域より大きくて読み込みが遅い」「SNSに投稿したら勝手に切り取られた」——こうした悩みの多くは、画像のリサイズ（サイズ変更）で解決できます。
この記事では、画像リサイズの基本的な仕組みから、Webサイト・SNS・書類添付など用途別のおすすめサイズの目安、縮小時に画質をできるだけ保つコツ、ブラウザだけで無料でリサイズする方法までを初心者向けに解説します。
画像リサイズとは？
画像リサイズとは、画像の縦と横のピクセル数を変更する処理のことです。たとえば6000×4000pxの写真を1200×800pxに変更すると、見た目の内容はそのままに、画面上の占める大きさとファイル容量を小さくできます。
ピクセル数とファイル容量の関係：ピクセル数を1/4にすると（縦横を半分にすると）、データ量もおおむね1/4程度に減ります。「容量だけ減らしたい」場合は画質を調整する圧縮、「表示サイズを変えたい」場合はリサイズ、というように目的で使い分けます。
リサイズには「縮小」と「拡大」の2方向があります。
- 縮小：元の画像よりピクセル数を減らす方向。情報を間引く処理のため、見た目の劣化はほとんど気になりません。基本的に縮小は安全です。
- 拡大：元の画像よりピクセル数を増やす方向。存在しないピクセルを周囲から推測（補間）して埋めるため、にじみやぼやけが目立ちやすくなります。
そもそも撮影したままの画像が大きすぎるのは、最近のスマートフォンカメラの性能が関係しています。1,200万像素のカメラで撮影した写真は4,000×3,000px前後あり、そのまま開くと4Kディスプレイの横幅を超えます。ブログの本文欄は1,000px前後で設計されていることが多いため、撮影直後の画像は「表示に必要な大きさの数倍」というのが実態です。だからこそ、用途に合わせたリサイズが毎回発生するわけです。
拡大は最小限に：小さな画像を2倍、3倍と拡大すると輪郭がにじみます。どうしても拡大が必要な場合は、2倍程度にとどめ、表示してから納得できるか確認してください。
リサイズ・圧縮・形式変換の違い
画像の最適化には似た処理が3つあり、目的が異なります。
| 処理 | 変更するもの | 主な効果 | 使いどころ |
|---|---|---|---|
| リサイズ | 縦横のピクセル数 | 表示サイズと容量を減らす | 表示幅より大きい画像を整える、規定サイズに合わせる |
| 圧縮 | データ量（画質） | 見た目を保ったまま容量を減らす | 読み込み速度の改善、添付容量の削減 |
| 形式変換 | 保存形式（PNG/JPG/WebPなど） | 形式の特徴に合わせた最適化 | 透明背景が必要、より高い圧縮率が欲しい |
3つは排他的ではなく、縮小してから圧縮するのように組み合わせるほど効果は大きくなります。
用途別のおすすめサイズの目安
リサイズで最も悩むのが「何ピクセルにすればいいのか」という点です。よくある用途の目安をまとめました。
| 用途 | サイズの目安 | ポイント |
|---|---|---|
| ブログ本文の画像 | 幅1000〜1200px | 本文カラムの幅に合わせる |
| OGP画像（アイキャッチ） | 1200×630px | SNSシェア時の見え方の標準 |
| X（Twitter）投稿 | 1600×900px | 16:9が表示されやすい |
| Instagram投稿 | 1080×1080px または 1080×1350px | 正方形または縦長 |
| ECサイトの商品画像 | 1000px以上（正方形が無難） | ズーム表示に耐える大きさ |
| 書類・フォーム添付 | 長辺1600px前後 | 規定がある場合はその値を優先 |
これらの数値は一般的な目安です。サービスごとの推奨仕様は更新されることがあるため、提出先や投稿先の最新案内を確認してください。
なお、サイズを超える画像をそのまま使い続けることの問題は「重い」だけではありません。表示領域より大きな画像はブラウザが縮小して表示しますが、ダウンロード自体は元のサイズのまま行われるため、通信時間とパケットを余計に消費します。ページの主要な画像が大きいほど読み込み完了が遅くなり、モバイル回線では体感に響きやすくなります。撮りっぱなしの写真をブログやサイトに使うなら、リサイズはもっとも効果の大きい最初の一手です。
長辺指定が便利な理由：書類提出やフォームでは「長辺◯◯px以内」「画像は◯MB以内」という指定がよく使われます。長辺（縦と横の長いほう）を基準にリサイズすれば、縦向き・横向きのどちらの写真でも1回の指定で済みます。
スマートフォンや高解像度ディスプレイでは、表示寸法の2倍のピクセル数があっても鮮明に表示されます（いわゆるRetina対応）。表示幅1200pxの領域に使う画像なら、2400px程度までを上限に考えると、鮮明さと容量のバランスが取りやすくなります。
迷ったら「表示寸法と同じか、やや大きめ」にしておけばまず失敗しません。小さくしすぎると表示時に引き伸ばされてにじむため、縮小も行き過ぎには注意しましょう。
縮小で画質を保つ3つのコツ
1. 元画像は必ず残す
リサイズ後の画像は、元のピクセル数に戻せません。スマホやカメラで撮った元データは、別フォルダやクラウドに残しておくのが基本です。
2. 縦横比を固定する
幅だけ、または高さだけを変更すると、画像が縦に伸びたり横につぶれたりします。たとえば4:3の写真を無理に16:9の枠へ合わせると、人物や建物の比率が崩れて不自然に見えます。縦横比（アスペクト比）の固定機能を使えば、片方の数値を入力するだけで、もう片方が自動計算されます。切り取りたい事情がある場合を除き、固定をONにするのが安全です。
3. 縮小してから圧縮する
順番が重要です。先にリサイズしてピクセル数を減らし、その後で画質を調整する圧縮を行うと、同じ見た目でもより小さなファイルになります。逆の順番でも間違いではありませんが、リサイズ後のほうがファイルが小さく処理も速く、圧縮の効果を確認しやすくなります。
無料で画像をリサイズする方法
リサイズは専用ソフトをインストールしなくても、ブラウザだけで行えます。Tools Hubの画像リサイズツールは、ピクセル・割合・長辺の3方式に対応し、処理もすべてブラウザ内で完結するため、画像がサーバーに送信されることはありません。アップロードも変換も端末の中で完結するため、商品写真や書類など外に出したくない画像でも安心して使えます。アカウント登録も不要で、ページを開いて数クリックで完了します。
使い方（3ステップ）
画像を選択
画像リサイズツールを開き、リサイズしたい画像をドラッグ&ドロップ、またはクリックして選択します。PNG・JPG・WebP・GIFに対応しています。
サイズを指定
「ピクセル指定」なら幅と高さを直接入力（縦横比の固定も可能）、「割合指定」なら50%のようにまとめて縮小、「長辺指定」なら長辺の値だけで縦横どちらも対応できます。
ダウンロード
リサイズ後の画像は、元の形式（PNG・JPG・WebP）のまま出力されます。リサイズ前後のサイズと容量を比較して、ダウンロードボタンをクリックしてください。
この記事で紹介したツール
画像リサイズツール
ピクセル・割合・長辺指定に対応。ブラウザで完結・無料・登録不要で、画像は送信されません。
容量をさらに減らしたい場合は、リサイズ後に画像圧縮ツールを組み合わせるのがおすすめです。形式を変えたい場面（透明背景を保持したい、WebPにしたいなど）は画像形式変換ツールを利用できます。
まとめ
- リサイズは縦横のピクセル数を変更する処理で、縮小はほとんど劣化を気にせず使える
- 用途の目安は「ブログ幅1000〜1200px・OGP 1200×630px・書類は長辺指定」
- 元画像は必ず残し、縦横比を固定してリサイズする
- 縮小してから圧縮すると、容量削減の効果が最大化する
- Tools Hubならインストール不要・ブラウザだけで無料でリサイズできる
まずは表示幅より大きな画像から、リサイズ前後の見た目と容量を比べてみてください。
よくある質問
リサイズすると画質は落ちますか？
縮小の場合、表示サイズで見ればほとんど気になりません。むしろ表示幅より大きな画像をそのまま使うよりも、適切なサイズに縮小したほうがくっきり表示されることがあります。一方、拡大は補間処理のためにじみやぼやけが出るため、最小限にとどめるのがおすすめです。
リサイズと圧縮の違いは何ですか？
リサイズは画像の縦横のピクセル数を変える処理、圧縮はデータ量（ファイル容量）を減らす処理です。ピクセル数を減らすと容量も下がるため、リサイズは結果的に容量削減にもなりますが、「表示サイズはそのまま容量だけ減らしたい」場合は画質を調整する圧縮が適しています。両方を組み合わせるのが最も効果的です。
スマホでもリサイズできますか？
できます。Tools Hubの画像リサイズツールはブラウザだけで動作するため、スマホのブラウザからそのまま利用できます。アプリのインストールは不要です。
縦横比を変えずにサイズだけ変更するには？
「ピクセル指定」モードで縦横比の固定をONにして幅か高さの片方だけを入力するか、「長辺指定」モードで長辺の値を入力してください。どちらも縦横比が維持されたままリサイズできます。
