無料でオンライン画像をリサイズする方法 — ソフト不要
無料のオンラインツールを使って、Web・SNS・メール向けに画像をリサイズ、切り抜き、最適化する方法を解説。各プラットフォーム対応のヒントを含むステップバイステップガイド。
オンラインショップに商品写真をアップロードするとき、ブログ投稿用に画像を準備するとき、あるいはSNSに写真をシェアするとき——適切な画像サイズは非常に重要です。サイズが大きすぎる画像はWebサイトの表示を遅くし、サイズが合っていない画像は各プラットフォームで引き伸ばされたり、ぼやけたりして見えてしまいます。
嬉しいお知らせがあります。Photoshopのような高価なソフトウェアは必要ありません。無料のオンラインツールを使えば、1枚の画像リサイズから数百ファイルの一括処理まで、すべてブラウザ上で完結できます。
画像サイズが重要な理由
画像のサイズは、次の3つの重要な領域に直接影響を与えます：
- ページ読み込み速度 — 5MBのヒーロー画像は、ページの読み込み時間を3〜5秒遅らせ、ユーザー体験とSEO順位の両方に悪影響を与えます。
- プラットフォームの要件 — 各SNSプラットフォームには固有のサイズ要件があります。Instagramの投稿は1080×1080px、Facebookのカバー写真は820×312pxが必要です。
- ストレージと通信量 — 最適化された小さな画像は、ホスティングコストを削減し、訪問者の通信量を節約します。
GoogleのCore Web Vitalsは特に**Largest Contentful Paint（LCP）**を測定しており、これは画像サイズに大きく左右されます。最適化された画像を使用しているサイトは、検索結果で常に上位にランクされます。
1枚の画像をリサイズする方法
1枚の画像をリサイズする最も簡単な方法は、Image Resizerツールを使うことです：
ステップ1：画像をアップロードする
画像をドラッグ＆ドロップするか、クリックして参照します。JPG、PNG、WebP、GIF、AVIFに対応しており、ファイルサイズの制限はありません。
ステップ2：サイズを設定する
目的のサイズを選択します：
- ピクセル指定 — 幅と高さを正確に入力（例：Open Graph画像なら1200×630）
- パーセント指定 — 50%、25%、または任意のカスタム割合に縮小
- アスペクト比を固定 — 引き伸ばしを防ぐため、画像の縦横比を維持
ステップ3：ダウンロードする
「リサイズ」をクリックすると、最適化された画像がすぐにダウンロードされます。すべてブラウザ上で処理されるため、画像がデバイスの外に送信されることはありません。
プラットフォーム別の推奨画像サイズ
よく使われる画像サイズのクイックリファレンスです：
SNS
| プラットフォーム | 画像の種類 | サイズ |
|---|---|---|
| 正方形投稿 | 1080 × 1080 px | |
| ストーリー/リール | 1080 × 1920 px | |
| 投稿画像 | 1200 × 630 px | |
| カバー写真 | 820 × 312 px | |
| Twitter/X | 投稿画像 | 1200 × 675 px |
| 投稿画像 | 1200 × 627 px | |
| YouTube | サムネイル | 1280 × 720 px |
| ピン | 1000 × 1500 px |
Web・メール
| 用途 | 推奨サイズ |
|---|---|
| ブログのヒーロー画像 | 1200 × 630 px |
| Webサイトバナー | 1920 × 600 px |
| メールヘッダー | 600 × 200 px |
| ファビコン | 512 × 512 px |
| Open Graph / SEO | 1200 × 630 px |
正確なサイズに画像を切り抜く方法
リサイズだけでは不十分な場合もあります——特定のエリアにフォーカスするために切り抜きが必要なことがあります。Image Cropperツールでは以下が可能です：
- フリーハンドで切り抜き — 任意の長方形を描いて選択範囲を指定
- プリセット比率 — 1:1（正方形）、16:9（ワイドスクリーン）、4:3などから選択
- カスタム比率 — プラットフォームの要件に合わせて任意のアスペクト比を入力
これは、被写体を中央に配置したい商品写真や、一貫したフレーミングが必要なポートレートなどに特に役立ちます。
複数の画像を一括リサイズする方法
数十枚・数百枚の画像をリサイズする場合、1枚ずつ処理するのは非常に大変です。Bulk Image Resizerなら効率的に処理できます：
- 複数ファイルをアップロード — すべての画像を一度に選択
- 目標サイズを1つ設定 — すべての画像が同じサイズにリサイズされる
- ZIPでダウンロード — リサイズされた画像を1回のダウンロードで取得
ECサイト、不動産物件一覧、または大量の画像を管理しているすべての方に非常に便利なツールです。
リサイズ後に圧縮してパフォーマンスを最大化する
リサイズすると寸法は小さくなりますが、ファイルサイズが常に最適化されるわけではありません。リサイズ後はImage Compressorで画像を処理しましょう：
- 品質をほとんど損なわずにファイルサイズを50〜80%削減
- 圧縮レベルを選択（品質とサイズのバランスを調整）
- EXIFメタデータを保持または削除
Webパフォーマンスをさらに高めるには、PNG to WebP Converterを使ってWebPなどの最新フォーマットへの変換も検討してください。WebPは同等の画質でJPEGより通常25〜35%小さいファイルを生成します。
SEOに強い画像にするためのヒント
サイズ調整に加えて、以下の方法でSEOに貢献する画像を作りましょう：
わかりやすいファイル名を使う
IMG_4832.jpgではなく、red-running-shoes-nike-2026.jpgのように命名しましょう。検索エンジンはファイル名を読んで画像の内容を理解します。
alt テキストを追加する
すべての画像に説明的なaltテキストを設定しましょう。スクリーンリーダーの補助になるだけでなく、検索エンジンが画像のコンテキストを理解するのにも役立ちます。
適切なサイズで配信する
4000pxの画像をアップロードしてCSSで縮小表示することは避けましょう。実際に必要なサイズで配信することが重要で、それがsrcset属性の目的です。
最新フォーマットを使用する
WebPとAVIFはJPEGやPNGより優れた圧縮率を提供します。WebPはほとんどのブラウザに対応しており、AVIFのサポートも急速に広がっています。
遅延読み込みを有効にする
スクロールしないと見えない画像にはloading="lazy"を追加しましょう。ユーザーが近くまでスクロールしたときに初めて読み込まれるようになり、初期表示速度が向上します。
よくある画像リサイズの失敗と回避方法
- 小さな画像を拡大する — 200pxの画像を1200pxに拡大すると、ぼやけてブロック状になります。常に入手可能な最大サイズの画像から始めましょう。
- アスペクト比を無視する — 特定のサイズに合わせて画像を引き伸ばすと、歪んで見えます。代わりに切り抜きを使用しましょう。
- リサイズ後に最適化しない — リサイズした画像でも、ファイルサイズが不必要に大きいままの場合があります。必ず後から圧縮しましょう。
- フォーマットの選択を誤る — 写真にPNGを使うと通信量が無駄になります。写真にはJPEGまたはWebPを、透過が必要なグラフィックにはPNGを使いましょう。
まとめ
適切にサイズ調整・最適化された画像は、Webサイトのパフォーマンスとを改善する最も手軽な方法のひとつです。無料のオンラインツールを使えば、1枚の画像リサイズからフォルダ全体の一括処理まで、ソフトウェアのインストールなしで対応できます。
手軽に1枚をリサイズするならImage Resizer、一括処理にはBulk Image Resizerを使い、最後は必ずImage Compressorでファイルサイズを最小化しましょう。訪問者にも、そしてGoogleにも喜ばれるはずです。