画像リサイズ完全ガイド
Web・SNS最適サイズ総まとめ
Instagram、YouTube、ブログ... プラットフォームごとに求められる画像サイズは全部違います。この記事で最適サイズから画質保持のコツまで、すべてまとめました。
画像リサイズとは?
画像リサイズとは、横・縦のピクセル数を変更する作業です。スマホで撮った写真は通常4000x3000pxで8MB以上 — そのままWebにアップすると読み込みが遅くなり、SEOスコアも下がります。
用途に合わせてサイズを縮小すれば、ファイル容量を90%以上削減しつつ、ほぼ同じ画質を維持できます。
リサイズが必要な理由
4032x3024 / 8.2MB
- 読み込み5~10秒以上
- モバイルデータの無駄
- Core Web Vitals不合格
1200x900 / 320KB
- 読み込み1秒以内
- 帯域幅96%節約
- SEOスコア向上
プラットフォーム別最適サイズ
プラットフォームごとに推奨サイズが異なります。以下の表を参考にしてください。
SNS
| プラットフォーム | 用途 | サイズ (px) | 比率 |
|---|---|---|---|
| フィード正方形 | 1080 x 1080 | 1:1 | |
| フィード縦型 | 1080 x 1350 | 4:5 | |
| ストーリー / リール | 1080 x 1920 | 9:16 | |
| YouTube | サムネイル | 1280 x 720 | 16:9 |
| カバー | 820 x 312 | ~2.6:1 | |
| X (Twitter) | ヘッダー | 1500 x 500 | 3:1 |
| カバー | 1128 x 191 | ~5.9:1 |
ウェブサイト
| 用途 | サイズ (px) | フォーマット | 目標サイズ |
|---|---|---|---|
| ヒーローバナー | 1920 x 1080 | WebP | 200KB以下 |
| ブログサムネイル | 1200 x 630 | WebP / JPEG | 100KB以下 |
| OG画像 | 1200 x 630 | PNG / JPEG | 300KB以下 |
| プロフィール | 400 x 400 | WebP / PNG | 50KB以下 |
画質低下を最小限にするコツ
- オリジナルから作業してください。 既に縮小した画像を再縮小すると、画質が急激に低下します。
- 拡大は避けてください。 縮小は問題ありませんが、拡大は存在しないピクセルを生成するためぼやけます。
- アスペクト比を維持してください。 比率を無視すると画像が歪みます。
- WebPフォーマットを使ってください。 同じ画質レベルでJPEGより25~35%小さくなります。
JPEG vs PNG vs WebP — どれを使う?
| 特性 | JPEG | PNG | WebP |
|---|---|---|---|
| 圧縮 | 非可逆 | 可逆 | 両方 |
| 透過 | X | O | O |
| ファイルサイズ | 小さい | 大きい | とても小さい |
| ブラウザ | 100% | 100% | 97%+ |
| 推奨用途 | 写真 | ロゴ、アイコン | Web全般 |
特別な理由がなければWebPをお勧めします。IMGLOOではリサイズしながら同時にフォーマット変換もできます。
IMGLOOで3ステップリサイズ
インストール不要。ブラウザですぐにできます。
- 1
画像アップロード
ドラッグ&ドロップまたはファイル選択。JPG、PNG、WebP、BMP、TIFFに対応。
- 2
サイズ設定
手動入力またはSNSプリセットを選択。アスペクト比は自動で維持されます。
- 3
ダウンロード
すべてブラウザ内で処理 — 画像がデバイスから出ることはありません。安全でプライベート。
よくある質問
リサイズと圧縮の違いは?+
リサイズはピクセル数(解像度)を変更し、圧縮は同じ解像度でファイルサイズだけを縮小します。両方一緒に適用することをお勧めします。
拡大すると画質が良くなりますか?+
いいえ。拡大は存在しないピクセルを人工的に生成するため、オリジナルの品質を超えることはできません。
複数の画像を一度にリサイズできますか?+
はい!IMGLOOはバッチリサイズに対応。複数の画像をアップロードし、同じ設定で一括処理してZIPでダウンロードできます。
画像はサーバーに送信されますか?+
IMGLOOはWebAssemblyを使用してブラウザ内ですべて処理します。画像が外部サーバーに送信されることはありません。