画像はほとんどの場合、ウェブページの中で最も重い要素であり、その画像をどこにホストするかが、サイトが瞬時に表示されるか、それとも重く感じられるかを左右します。2026年において、問いはもはや「画像を最適化すべきか」ではなく、「最適化が自動的に行われるように、画像をどこに置くべきか」です。多忙なWordPressやPrestaShopのサイト向けにエッジで画像をリサイズしてきた経験から、私の答えはCloudflare Imagesです。オリジナル画像を保存し、Cloudflareのグローバルネットワークから配信し、次世代フォーマットへその場で変換します。すべては1つのシンプルなURLの背後で行われます。

このガイドでは、Cloudflare Imagesとは実際に何なのか、単なるCDNとどう違うのか、実際の数字でいくらかかるのか、グローバルな画像配信ネットワークとしてどう機能するのか、そしてCloudinaryやセルフホスティングといった代替手段と比べてどうなのかを説明します。読み終えるころには、それがあなたの画像にとって適切な置き場所かどうか、そして今日どう始めればよいかがわかるはずです。

要点

  • Cloudflare Imagesはオリジナルを一度保存し、最適化されたWebP/AVIF版をCloudflareのグローバルエッジから配信します。エグレス料金は無料です
  • 料金はシンプルで予測可能です。保存画像は1か月あたり100,000枚ごとに5ドル、配信画像は1か月あたり100,000枚ごとに1ドルです
  • すでに別の場所（Cloudflare R2 を含む）でホストしている画像を、Imagesに保存することなく変換することもできます
  • プラグイン、リサイズ用スクリプト、別個のCDNという複雑な構成を、1つの製品と1つの配信URLに置き換えます
  • WordPressとPrestaShopでは、私の無料プラグインとWorkerと組み合わせて、すべての画像リンクを自動的に書き換えられます

Cloudflare Imagesとは何か

Cloudflare Images は、保存・最適化・配信を1つの製品にまとめた完全な画像パイプラインです。オリジナル画像を一度アップロードすると、Cloudflareが配信URLを提供します。訪問者がそのURLを要求すると、Cloudflareは指定した寸法に画像をリサイズし、ブラウザが対応する最も効率的なフォーマット（通常はWebPまたはAVIF）に変換し、圧縮して、その訪問者に最も近いエッジに結果をキャッシュします。

配信URLは次のような形です。

1https://imagedelivery.net/<account-hash>/<image-id>/<variant>

末尾の<variant>は、一度定義する名前付きの変換セットです（例：thumbnail、hero、1200x675）。柔軟なバリアントを有効にして、幅・高さ・品質・フォーマットをURLに直接渡すこともできます。したがって1つのオリジナルから、必要なあらゆるサイズとフォーマットが生成され、派生ファイルを1つも生成・保存する必要がありません。

まさにこの記事の画像も、そのように配信されています。表示されているすべての画像は、レスポンシブな<picture>ソースセットを備えたCloudflare Imagesの配信URLを使用しており、だからこそモバイルでもデスクトップでも素早く読み込まれます。

なぜCDNだけでは不十分なのか

「すでにサイトの前にCDNを置いているのだから、それで十分では?」というのはよくある反論です。それは同じものではなく、その違いは重要です。

単なるCDNは、オリジンが生成したバイトをそのままキャッシュして配信します。オリジンが2MBのJPEGを保存していれば、CDNは同じ2MBのJPEGをより速く配信するだけです。画像を小さくすることも、AVIFに変換することも、スマートフォンが実際に必要とするより小さなサイズを生成することもありません。

Cloudflare Imagesは受動的なキャッシュではなく、能動的なレイヤーです。画像そのものを変えます。

  • 各デバイスが必要とする正確な寸法にリサイズします
  • 要求元のブラウザが受け入れるものに応じて、WebPまたはAVIFに変換します
  • 1MBの写真がおよそ100～200KBになるよう、賢く圧縮します
  • 派生した各バージョンをエッジにキャッシュするので、処理は一度だけで済みます

要するに、画像を改善し、サイトを高速化し、Core Web Vitalsを向上させ、帯域幅を節約します。CDN単体では最後の点しか、しかも部分的にしか実現できません。

Cloudflare Imagesを使う2つの方法

多くの人がつまずく重要な区別があるので、はっきりさせておきます。

1. Cloudflare Imagesで保存して配信する。 オリジナルをCloudflare Imagesにアップロードします。Cloudflareが画像の保管場所であり、その配信ネットワークになります。新しいプロジェクトや画像の多いサイトには、これが最もすっきりした選択肢です。

2. 別の場所でホストしている画像を変換する。 オリジナルがすでに別の場所、たとえばオブジェクトストレージのCloudflare R2 やご自身のサーバーにある場合は、Cloudflareの画像変換を使って、Imagesに2つ目のコピーを保存することなくその場で最適化できます。これは「リモートソースから変換する」モデルで、専用ガイドCloudflare Image Transformations で詳しく解説しています。

ほとんどのサイトは手軽さからオプション1を選びます。すでに大きなメディアライブラリをR2に持つチームは、保存料金を二重に払わないよう、オプション2を選ぶことが多いです。R2はエグレス料金が無料なので、ここで特に魅力的です。これについてはCloudflare R2での画像ホスティング のガイドで詳しく説明しています。

Cloudflare Imagesの料金をわかりやすい数字で

Cloudflare Imagesの最も優れた点の1つは、料金が本当にシンプルで、驚くようなエグレス料金がないことです。2026年時点の公式料金 は次のとおりです。

支払い対象料金
保存画像100,000枚 / 月ごとに5ドル
配信画像100,000枚 / 月ごとに1ドル
変換（外部画像）最初の5,000回のユニーク変換は無料、以降は1,000回ごとに0.50ドル / 月
エグレス帯域幅0ドル（無料）

具体的な計算例で見てみましょう。10,000枚の商品画像を持つショップを運営し、1か月に500,000回の画像表示を配信するとします。保存は0.50ドル（10,000枚保存）、配信は5ドル（500,000枚配信）で、その月の合計はおよそ5.50ドルです。別途の帯域幅請求も、リサイズごとの料金も、フォーマットごとの追加料金もありません。

帯域幅と変換回数が請求額を支配しがちな一般的なホスト型画像サービスと比べれば、その魅力は明らかです。契約前にコストを予測できるのです。

Cloudflare Images対Cloudinary対セルフホスティング

基準Cloudflare ImagesCloudinaryセルフホスティング + CDN
自動WebP/AVIFありあり自分で構築した場合のみ
エグレス料金なし帯域幅ベースの段階制ホスト/CDNに支払い
料金モデル保存 + 配信クレジット（変換・保存・帯域幅）サーバー + CDN + 自分の時間
グローバルエッジ配信組み込み組み込みCDN次第
設定の複雑さ低い低～中高い
コストの予測しやすさ非常に高い予測しにくい変動的

Cloudinaryは豊富な機能を備えた優れた製品ですが、クレジットベースのモデルが変換・保存・帯域幅を一括りにするため、規模が大きくなると予測が難しくなります。セルフホスティングは完全な制御を与えてくれますが、リサイズのパイプライン、フォーマットのネゴシエーション、キャッシュヘッダー、CDNの構成を自分で管理することになり、保守すべき可動部分が多くなります。Cloudflare Imagesはちょうどよい位置にあります。メリットのほとんどを得ながら、運用負担はごくわずかで、請求額も予測できます。

WordPressとPrestaShop:すべての画像を自動化する

WordPressやPrestaShopを運営している場合、実務上の課題は、テーマ・プラグイン・インラインCSSが挿入する画像も含め、ページ上のすべての画像が最適化された配信URLを使うようにすることです。まさにこのために、私は無料のツールを作りました。

  • WordPressプラグイン。 私のCloudflare Image Resizingプラグイン （ソースはGitHub ）は、画像リンクを書き換えてCloudflareの最適化を通すようにします。
  • Cloudflare Worker。 完全に網羅するために、私のCloudflare Image Resizing Worker はサイトと訪問者の間に位置し、CSS内の画像も含めて最終的なHTMLを書き換えます。これはプラグイン単体では到達できない領域です。

両プラットフォーム向けに、完全なステップバイステップの手順を書きました。WordPress向けCloudflare Image Resizing とPrestaShop向けCloudflare Image Resizing です。いずれかのプラットフォームをお使いなら、この概要を読んだ後、そちらから始めてください。

特筆すべき重要な変更点があります。以前は画像の変換に有料のProプランが必要でしたが、もうそうではありません。画像変換は無料プランでも、1か月あたり5,000回のユニーク変換まで利用できるようになり、小規模サイトのハードルが大きく下がりました。

ダッシュボードを使わずに画像を管理する

ウェブのダッシュボードで画像をアップロードして整理するのは、数ファイルなら問題ありませんが、規模が大きくなると面倒になります。オリジナルをCloudflare R2に保管しているなら（メディアライブラリでよくあるパターンです）、それを楽にする無料のデスクトップアプリを作りました。Easy Cloudflare R2 は、バケットの閲覧、ドラッグ&ドロップでのアップロード、オブジェクトメタデータの編集を、Windows・macOS・Linuxの1つのすっきりしたインターフェースから行えます。Cloudflare Images製品を直接扱うなら、Easy Cloudflare Images が画像ライブラリのアップロードと最適化に同じことを提供します。

今日から始める方法

  1. Cloudflareダッシュボードにログインし、サイドバーからImagesを有効にします。
  2. テスト画像をアップロードするか、既存の画像URLに変換を向けます。
  3. サイトで最もよく使うサイズ向けに、バリアントを1つか2つ作成します（たとえばヒーローとサムネイル）。
  4. サイトの画像を新しい配信URLに置き換え、PageSpeed Insights で前後の比較テストを行います。
  5. WordPressやPrestaShopをお使いなら、プラグインをインストールするかWorkerをデプロイして、残りを自動化します。

通常、その画像のデータ量がすぐに70～90パーセント減り、それに応じてCore Web Vitalsも向上します。

重要なポイント

  • Cloudflare Imagesは保存・最適化・グローバル配信を1つの製品にまとめ、エグレス料金がありません
  • 料金はシンプルで予測可能です。保存は100,000枚あたり5ドル、配信は100,000枚あたり1ドル / 月です
  • 単なるCDNはバイトをキャッシュするだけですが、Cloudflare Imagesは能動的にリサイズ・変換・圧縮します
  • オリジナルをImagesに保存することも、すでにR2やサーバーにある画像を変換することもできます
  • 変換は今やProだけでなく無料プランでも（1か月あたり5,000回のユニークまで）利用できます
  • WordPressとPrestaShopのユーザーは、私の無料プラグインとWorkerであらゆる画像を自動化できます

よくある質問

Cloudflare Imagesは無料ですか? 画像変換は無料プランで1か月あたり5,000回のユニーク変換まで利用できます。Cloudflare Images製品を通じた画像の保存と配信は有料で、保存は100,000枚あたり5ドル、配信は100,000枚あたり1ドル / 月、エグレス料金はありません。

Cloudflare Imagesは自動的にWebPとAVIFに変換しますか? はい。ブラウザが画像を要求すると、Cloudflareは対応フォーマットを検出し、最も効率的なもの（通常はAVIFまたはWebP）を配信し、古いブラウザには元のフォーマットにフォールバックします。これらのバージョンを自分で生成する必要はありません。

R2に保存した画像でCloudflare Imagesを使えますか? はい。オリジナルをCloudflare R2に保管し、Cloudflareの画像変換を使って、Imagesに2つ目のコピーを保存することなく配信時に最適化できます。R2はエグレス料金が無料なので、大きなメディアライブラリにとってコスト効率の高いオリジンになります。

画像のリサイズにまだProプランが必要ですか? いいえ。これは変わりました。画像変換は今や無料プランで1か月あたり5,000回のユニーク変換まで利用できます。より大きな量とプラットフォーム上での保存は有料プランで課金されます。

Cloudflare ImagesはCloudinaryと比べてどうですか? どちらも自動のフォーマット変換とグローバル配信を提供します。主な違いは料金モデルです。Cloudflare Imagesはエグレスなしの保存＋配信というシンプルな料金を採用しますが、Cloudinaryはトラフィックが増えると予測しにくい一括クレジットモデルを使います。

これはWordPressとPrestaShopで機能しますか? はい。手早く設定するなら私の無料WordPressプラグインを、CSS内の画像も書き換える完全な網羅性が必要なら私のCloudflare Workerをデプロイしてください。両プラットフォーム向けに完全なステップバイステップガイドを書いています。