画像 CDN 最適化：Cloudflare Images vs Cloudinary vs imgix

画像 CDN はストレージとユーザーの間に位置し、各リクエストに適したフォーマット・サイズ・ 品質でオンザフライに画像を変換します。2026 年の主要オプションは Cloudflare Images、 Cloudinary、imgix です。選択の参考になる実践的な比較を提供します。

画像 CDN が行うこと

画像 CDN なしで商品画像を提供するには次が必要です：

1. オリジナルをアップロード（例：3 MB JPEG）
2. リサイズバリアント（サムネイル、中、大）を手動生成
3. 対応ブラウザ向けに WebP へ変換
4. オリジンまたは標準 CDN から配信

画像 CDN を使えば、オリジナルを一度アップロードするだけです。変換は URL パラメータ経由で リクエスト時に行われます：

https://cdn.example.com/image.jpg?w=400&f=webp&q=80

最初のリクエストで変換が生成・キャッシュされ、以降のリクエストはエッジキャッシュから配信されます。

Cloudflare Images

最適な用途： すでに Cloudflare を使用しているサイト、予測可能な料金、大容量。

Cloudflare Images は画像ごとのストレージ料金モデルを採用しています：

• 最大 100,000 枚の保存画像で月額 $5
• 追加 100,000 枚ごとに $1
• URL による変換（cdn-cgi/image/ プレフィックス）
• ブラウザの Accept ヘッダーに基づく自動 AVIF・WebP 変換

料金は透明で、トラフィックによって急上昇しません。主な制限：Cloudflare のインフラに 密結合している点です。

Cloudinary

最適な用途： 大規模メディアライブラリ、AI 搭載の変換、広範な SDK サポート。

Cloudinary は AI 背景除去、スマートクロップ、150 以上の変換オプションを備えた最も 機能豊富なオプションです。料金は変換クレジットに基づきます：

• 無料ティア：月 25 クレジット
• 有料ティアは月額 $89 から
• 多くのユニークな変換があるとスケールで高額になる可能性

複雑な画像要件（複数のアスペクト比、AI クロップ、オーバーレイ）があるイーコマースに 最適な選択です。

imgix

最適な用途： 完全な制御を求める開発者、React/Next.js プロジェクト、 柔軟なソース設定。

imgix は既存の S3、GCS、またはウェブフォルダーに接続します。クリーンな URL API と React 向け公式 SDK があります：

<img src={buildURL('image.jpg', { w: 400, fm: 'webp', q: 80 })} />

本格的なトラフィックには月額 $250 からの料金がかかります（テスト用の寛大な無料ティアを含む）。

Next.js + Sharp によるセルフホスティング

低〜中程度のトラフィックアプリには、Next.js の組み込み画像最適化（next/image） がサーバー上の Sharp を使用します。これは無料ですが、next/image vs 事前変換の記事で説明したコールドスタートのペナルティがあります。

決定マトリクス

代替手段としての事前変換

小規模で安定した画像セット（マーケティングサイト、ブログ、ドキュメント）を持つサイトは、 ビルド時に WebP へ事前変換することで CDN コストを完全に排除できます。手動変換には Picovert のコンバーターを使用するか、Sharp を ビルドパイプラインに組み込んでください。