Chaos and Order

💡 왼쪽 원문을 읽으면서 오른쪽에 따라 써보세요. Tab 키로 힌트를 받을 수 있습니다.

원문 렌더가 준비되기 전까지 텍스트 가이드로 표시합니다.

プロローグ — 画像が一番遅い資源になった時代

2026 年の Web ページの平均サイズは約 2.6MB で、その半分以上を **画像が占める**。Largest Contentful Paint(LCP)の最有力候補はヒーロー画像だ。モバイル 4G で LCP が 2.5 秒を超えると "Poor" 評価を受け、Core Web Vitals が落ちれば検索露出も直に減る。

これを解く方法は 3 つ。

1. **画像そのものを小さくする。** WebP・AVIF・JPEG XL へ変換し、デバイスに合った解像度だけ送る。

2. **画像をユーザーに近い場所から渡す。** CDN エッジへキャッシュして RTT を削る。

3. **画像の読み込み順序を制御する。** ヒーローには `fetchpriority="high"`、下方には `loading="lazy"`。

2026 年現在、この 3 つを **1 本の URL で** 賄うのが「画像 CDN」だ。オリジナルを一度アップロードすれば、URL パラメータで幅・形式・品質・トリミング・AI 強調を指定し、変換後の結果をエッジから受け取れる。一度変換した結果はキャッシュされ、再訪時には即応答する。

本稿では 2026 年の画像ホスティング・CDN 市場を一息で整理する。マネージド SaaS(Cloudinary・ImageKit・Bunny・Imgix・Cloudflare Images・gumlet)、ハイパースケーラー(AWS・GCP・Azure・Akamai・Fastly)、無料 OSS CDN(jsDelivr・statically・unpkg・esm.sh)、フレームワーク統合(Vercel・next/image)、そして韓国・日本の在来ソリューションまで。

1. 2026 年の画像ホスティング & CDN 地図 — 4 分類

まずは大局。2026 年の画像インフラは 4 つに分かれる。

[1] マネージド画像 CDN(SaaS)

Cloudinary — リーダー、AI 変換、SDK 60+

ImageKit — インド/グローバル、コスパの良い代替

Bunny CDN — ドイツ、最も安いトラフィック単価

Imgix — プレミアム、写真家・メディア企業

Cloudflare — Images $5/100K、グローバルエッジ

Images

gumlet.io — インド、動画まで束ねる

[2] ハイパースケーラー CDN + オブジェクトストレージ

AWS CloudFront + S3

Google Cloud CDN + Cloud Storage

Azure Blob Storage + Azure CDN / Front Door

Akamai Image & Video Manager

Fastly Image Optimizer(IO)

[3] 無料 OSS CDN

jsDelivr — GitHub/npm/WordPress、グローバル

statically.io — GitHub/Gist キャッシュ、無料

unpkg — npm パッケージのミラー

esm.sh — ESM 形式変換ミラー

BlazeCDN/KeyCDN — 低価格マネージド

Edgio(旧 StackPath、2022 年に買収・改名)

[4] フレームワーク統合

Vercel Image Optimization

Next.js next/image(loader API)

Nuxt @nuxt/image

SvelteKit @sveltejs/enhanced-img

Astro Image コンポーネント

この 4 分類は **誰が使うか** で分かれる。

- 個人開発者・ブロガー → [3] 無料 OSS CDN + [4] フレームワーク統合(コスト 0)

- スタートアップ・SaaS → [1] マネージド画像 CDN(Bunny・ImageKit・Cloudflare Images)

- メディア・EC・コンテンツ企業 → [1] Cloudinary・Imgix(AI 変換・DAM が要る)

- エンタープライズ → [2] AWS/GCP/Azure/Akamai/Fastly(契約・SLA・VPC)

2. Cloudinary — 2026 年もリーダー、AI 変換のスタンダード

Cloudinary は 2011 年創業のイスラエル企業で、2026 年現在も画像・動画 CDN 市場の **事実上の標準** だ。売上 2 億ドル超、従業員 700 人超、2024–2025 年に追加調達。武器は 2 つ。

**1. URL 変換構文の表現力が最も高い。**

Cloudinary URL はフォルダではなく変換チェーンだ。

https://res.cloudinary.com/<cloud>/image/upload/

w_800,h_600,c_fill,g_auto,f_auto,q_auto,e_improve/

v1700000000/sample.jpg

読み方:

- `w_800,h_600` — 幅・高さ

- `c_fill` — クロップモード(fill, fit, scale, thumb, …)

- `g_auto` — gravity、AI が被写体中心を自動選択

- `f_auto` — ブラウザに合わせて AVIF/WebP/JPEG を自動

- `q_auto` — 品質自動

- `e_improve` — AI 色・露出補正

**2. AI 変換が最も深い。**

2024–2026 年に Cloudinary が追加した AI 機能:

- `e_gen_remove:item` — オブジェクト除去(生成インペイント)

- `e_gen_replace:from_dog;to_cat` — テキスト指定でオブジェクト置換

- `e_gen_recolor:item_shirt;color_blue` — 色だけ変更

- `e_background_removal` — 背景除去(AI マッティング)

- `e_upscale` — 4× アップスケール

- `e_gen_fill_w_2000_h_1500` — outpainting で比率変更

これは単純なフィルタではない。URL にパラメータを付けると **初回リクエスト時に GPU ワーカーが変換・キャッシュ** し、以降はエッジから即時応答する。

**価格(2026)。**

- Free: 月 25 credit(1 credit = 1000 変換 or 1GB トラフィック or 1GB ストレージ)

- Plus: USD 99/月、225 credit

- Advanced: USD 249/月、600 credit

- Enterprise: 個別契約

AI 変換は credit を速く消費する。`e_gen_remove` は変換あたり約 0.5 credit、通常変換は 0.001 credit。

**弱点。**

- トラフィック単価が高い。100GB 転送の単価は Bunny で約 USD 1、Cloudinary はプラン超過で USD 100 以上。

- 規約・機能が複雑。初見では「これは無料枠で済むのか」を測りにくい。

3. ImageKit — Cloudinary のコスパ代替

ImageKit はインド(バンガロール)の企業で、2017 年創業。「Cloudinary 並みに強力な URL 変換と AI 機能をもっと安く」が位置取り。

**URL 構文(ほぼ同じ)。**

https://ik.imagekit.io/<endpoint>/tr:w-800,h-600,c-maintain_ratio,fo-auto,f-auto,q-auto/sample.jpg

- `tr:` プレフィックスで変換開始

- `fo-auto` = focus auto = AI 被写体中心

- `f-auto`, `q-auto` は同じ

**AI 機能(2025–2026)。**

- AI 背景除去

- 顔・物体検出によるスマートクロップ

- 生成 fill(ベータ)

- 自動タグ付け

**価格(2026)。**

- Free: 月 20GB 帯域 + 20GB ストレージ

- Lite: USD 89/月、100GB 帯域

- Custom: 個別契約

同じトラフィック前提で Cloudinary 比 **約 30–40% 安い**。**AI 機能は少し弱いが**、単純変換・auto-format・responsive は同等。

**誰に向くか。**

- EC(商品写真が数万枚)

- Cloudinary AI まで要らない SaaS

- インド・東南アジア比率が高いケース(PoP が良い)

4. Bunny CDN — ドイツ発、最強コスパ

Bunny.net(旧 BunnyCDN)はスロベニア・ドイツ拠点の企業で、2026 年現在、一般 CDN の中で **トラフィック単価が最も安い** 部類に入る。「画像 CDN」発ではなかったが **Bunny Optimizer** が画像変換を担う。

**価格(2026 基準、トラフィック単価)。**

- 欧州・北米: USD 0.005/GB ~ USD 0.01/GB

- アジア: USD 0.02/GB

- Optimizer オプション: USD 9.5/月 / pull zone

比較すると Cloudflare は無料(Workers Free)、AWS CloudFront は USD 0.085/GB(最初の 10TB)、Akamai は個別(基本は高い)。Bunny は **小規模な動画・画像サービスで数十 TB 流しても月 100 ドル台** に収まる。

**Optimizer URL 構文。**

https://yourzone.b-cdn.net/sample.jpg?width=800&height=600&optimizer=image&quality=85

- `width`, `height`

- `optimizer=image` で変換を有効化

- `format=auto` で AVIF/WebP 自動

**弱点。**

- AI 機能はほぼ無い。スマートクロップや生成変換は無し。

- Cloudinary 級の SDK/DAM は無い。URL ベースのみ。

**誰に向くか。**

- コスト感度の高いスタートアップ・個人開発者

- 静的画像変換だけが必要なケース

- 動画も一緒に流したい場合(Bunny Stream とセット)

5. Imgix — プレミアム、写真・メディア企業が真っ先に使う CDN

Imgix は 2010 年代初頭創業の米国企業で、**写真家やデジタルメディア企業がまず思い浮かべる** 画像 CDN だ。The Wirecutter、Hudl、Eventbrite、Vimeo などが使う。

**URL 構文(クエリストリング中心)。**

https://yourdomain.imgix.net/sample.jpg?w=800&h=600&fit=crop&auto=format,compress&q=80

- `auto=format` 一発で AVIF/WebP/JPEG 自動

- `auto=compress` で品質・エンコード最適化

- `fit=crop`, `fit=fill`, `fit=facearea`

- `mark=overlay.png&mark-w=200&mark-x=20` — ウォーターマーク

**強み。**

- 非常に安定した変換エンジン(10 年以上の運用)

- 「画像の色精度」を最も重視 — sRGB / Display-P3 / OKLab カラースペース対応

- 動画変換(Imgix Video)もある

**価格(2026)。**

- Standard: USD 300/月から(トラフィック・リクエスト束ね)

- 100GB 帯域あたり USD 0.08 / 変換 1000 件あたり USD 0.08

Cloudinary より少し高いが、安定性・一貫性・色精度を理由にメディア企業に好まれる。

6. Cloudflare Images — USD 5/100K のゲームチェンジャー

Cloudflare Images は 2021 年公開後、2026 年現在、**最もシンプルな価格モデル** で市場を揺さぶる。

**価格(2026)。**

- Images Plan: USD 5/月、保存 10 万件 + 変換 10 万件まで無料、超過は USD 5/10 万件

- 帯域: 無制限(ここが核心)

- Polish(自動 WebP/AVIF): Pro プラン(USD 25/月)に同梱

比較:

- Cloudinary で 100GB トラフィック ~ USD 50–100

- Bunny で 100GB トラフィック ~ USD 1

- Cloudflare Images で 100GB トラフィック = **無制限 = 定額**

大量トラフィックの現場では **圧倒的**。

**URL 構文(variants)。**

https://imagedelivery.net/<accountHash>/<imageId>/<variantName>

variant はダッシュボードで事前定義する — `thumbnail`(150×150 cover)、`hero`(1600 幅)など。変換 URL を自由に組み立てる方式ではなく、**事前定義した variant 内** で動く。

**弱点。**

- Cloudinary ほど自由な URL 変換ではない(variant ベース)

- 2024 年以降は **Flexible Variants** で URL に直接幅・高さを書ける(Pro/Business 以上)

- AI 変換はほぼ無い。R2 + Workers + AI Gateway を自分で組む必要あり。

**誰に向くか。**

- すでに Cloudflare 生態系にいる SaaS(R2 + Workers + Pages のセット)

- トラフィックが大きい掲示板・メディア

- 価格予測可能性を最重視するチーム

7. AWS CloudFront + S3 / Google Cloud CDN / Azure Blob + CDN

エンタープライズで支配的なのが **クラウドネイティブ組み合わせ** だ。

AWS CloudFront + S3 + Lambda@Edge / CloudFront Functions

オリジンは S3 もしくはプライベート origin、エッジは CloudFront、変換は Lambda@Edge か CloudFront Functions で実行する。

[Client]

[CloudFront Edge(450+ PoP)]

| cache miss

[Lambda@Edge — image resize]

| reads

[S3 origin bucket]

代表パターン: AWS Solutions Library の **"Serverless Image Handler"** — Lambda@Edge + Sharp(libvips)。

価格: CloudFront USD 0.085/GB(最初の 10TB)、Lambda@Edge は別請求、S3 ストレージ USD 0.023/GB/月、GET リクエスト USD 0.0004/1000。

Google Cloud CDN + Cloud Storage + Cloud Functions

GCP は **Imageflow** もしくは自前 Cloud Functions で変換。**Media CDN**(2022 年公開)は動画・画像最適化を束ねる。

価格: CDN USD 0.02–0.08/GB、Storage USD 0.020/GB/月、Functions は別。

Azure Blob Storage + Azure CDN / Front Door

Azure CDN Standard(Verizon/Akamai 後段)は 2025 年に一部整理され、現在は **Azure Front Door** が主軸。**Front Door Premium** に Image Optimization が同梱(2025 年 GA)。

価格: Front Door Standard USD 0.16/GB(最初の 10TB)、Premium USD 0.25/GB。

3 つともに共通するのは **VPC・Private Link・IAM・契約・SLA が必要な企業** が使う点。マネージド SaaS より高いが、同一社のコンソール上に他サービスが揃う強み。

8. Akamai / Fastly Image Optimizer — エンタープライズの極み

Akamai Image & Video Manager

Akamai は 1998 年からの CDN の祖。**Image & Video Manager**(IVM)が画像変換モジュールで、世界のエンタープライズで最も使われる。

特徴:

- エッジサーバ 350,000+

- ポリシー駆動の変換(条件分岐可)

- Adaptive Image Delivery — デバイス・接続速度に応じた自動配信

- AVIF/WebP/JPEG XL 自動

価格: 個別契約(営業案件)。通常は月数千ドルから。

Fastly Image Optimizer(IO)

Fastly は 2011 年創業、2019 年上場。**Fastly Image Optimizer**(IO)が変換モジュールで、GitHub・The New York Times・The Guardian・Reddit が使う。

URL 構文:

https://example.com/sample.jpg?width=800&height=600&fit=crop&format=auto&quality=80

- ほぼすべてのパラメータが Imgix 互換

- Instant Purge が非常に高速(数百 ms でグローバル)

価格: 基本トラフィック USD 0.12/GB(最初の 10TB)、IO は変換 1000 件あたり USD 0.05 追加。

**Akamai と Fastly の決定的な違い。**

- Akamai = 圧倒的な PoP 数、ポリシー・ルールセットが強力 → グローバルメディア・銀行

- Fastly = 開発者寄りの VCL(Varnish Configuration Language)、Edge Compute → ニュース・ソーシャル・ゲーム

9. jsDelivr / statically.io / unpkg / esm.sh — 無料 OSS CDN

ここからは **無料** で画像・静的アセットを運ぶ場所。

jsDelivr

最も有名な無料 OSS CDN。**GitHub repo・npm パッケージ・WordPress プラグイン** をそのまま CDN にキャッシュする。

https://cdn.jsdelivr.net/gh/<user>/<repo>@<branch>/path/to/image.png

https://cdn.jsdelivr.net/npm/<package>@<version>/dist/file.js

特徴:

- 世界中の PoP(Cloudflare/Fastly/Bunny の後段束ね)

- 無料で、トラフィック制限は事実上無し

- ただし変換は無し。幅・形式自動のような機能は無し。

- 使用量が大きすぎると **メールで相談が来る**(目安は月 100TB 超)

OSS の README スクリーンショット、ライブラリのデモ、小さな静的サイトに最適。

statically.io

GitHub repo と Gist をキャッシュする無料 CDN。**画像変換も一部対応**(resize、format)。

https://cdn.statically.io/gh/<user>/<repo>/<branch>/path/to/image.png

https://cdn.statically.io/img/<host>/f=auto,w=800/<path>

OSS は無料、それ以外でもかなり自由に使える。jsDelivr より小規模だが **resize 対応** が差別化要因。

unpkg

npm パッケージのミラー。形式は `https://unpkg.com/<package>@<version>/file`。画像変換は無く、主に JS/CSS 配布用。画像は npm に上げた場合のみ。

esm.sh

npm パッケージを **ESM 形式に変換** してミラー。ES Module の直接 import 用: `import React from "https://esm.sh/react@18.2.0"`。画像は無し。

まとめ: **jsDelivr もしくは statically.io** が OSS・ブログ・小規模サイトの画像 CDN として十分。

10. KeyCDN / Edgio(旧 StackPath)/ gumlet.io

KeyCDN

スイス拠点、2026 年も運営中。シンプルな価格 — USD 0.04/GB(アジア)、USD 0.02/GB(欧州・北米)。Bunny 登場以前は最安だった。現在は Bunny の方が安いが **信頼性・サポート** で生き残る。

Edgio(旧 StackPath、2022 年に買収・改名、その後も波乱)

元は MaxCDN → StackPath に買収・改名 → 2022 年に **Edgio** が買収して再改名。2024 年に Chapter 11(破産保護)を申請し、Akamai・Lumen 等が資産を取得。**2026 年現在、Edgio ブランドは事実上整理段階** で、既存顧客は Akamai・Lumen・Limelight 他へ移行中。新規契約先ではない。

gumlet.io

インド拠点の比較的新興。**画像 + 動画 + DRM** をワンパッケージで提供。URL 変換は ImageKit と似る。価格は ImageKit と Bunny の中間。

https://yourdomain.gumlet.io/<image>.jpg?w=800&format=auto&quality=auto

特徴は **動画ストリーミング・HLS・DRM** が同一コンソールにある点。画像だけなら ImageKit、動画も束ねたいなら gumlet と相性が良い。

11. Vercel Image Optimization + Next.js next/image

フレームワーク層に画像 CDN を作り込んだのが **next/image** で、それを最もよくホスティングするのが **Vercel**。

next/image の動作

export default function Hero() {

return (

src="/hero.jpg"

width={1600}

height={900}

alt="hero"

priority

sizes="(max-width: 768px) 100vw, 1600px"

)

}

ビルド・実行時に起きること:

1. `src` を `/_next/image?url=...&w=1600&q=75` 形式へ変換

2. Vercel か self-host の **画像オプティマイザ** が初回リクエスト時に Sharp(libvips)でリサイズ・AVIF/WebP 変換

3. 結果をキャッシュ(Vercel = CDN エッジ / self-host = `.next/cache/images`)

4. `picture` + `source srcSet` を自動生成、レスポンシブ自動

`priority` を付けると `fetchpriority="high"` と preload を自動挿入。`loading="lazy"` が既定。

Vercel Image Optimization 価格(2026)

- Hobby: ソース画像 1000 / 変換 5000 件まで無料

- Pro: USD 20/月 + ソース 5000 + 変換は別料金

- 10 万件変換 ~ USD 40 程度

高い。なので 2024–2026 年は next/image の **loader オプション** を Cloudinary・Cloudflare Images・ImageKit・Bunny に差し替えるパターンが定着した。

loader のカスタマイズ

// next.config.js

module.exports = {

images: {

loader: 'custom',

loaderFile: './loaders/cloudflare.js',

}

// loaders/cloudflare.js

export default function cloudflareLoader({ src, width, quality }) {

const params = [`width=${width}`, `quality=${quality || 75}`, 'format=auto']

return `https://imagedelivery.net/<hash>/${src}?${params.join('&')}`

}

結果: next/image の UX を維持しつつ、変換・CDN は Cloudflare/Cloudinary が処理する。

12. AI 画像強調 — Cloudinary AI / ImageKit AI

2024–2026 年に画像 CDN で最も速く変わった領域が **AI 変換** だ。

Cloudinary AI 機能カタログ

- **Object-aware crop**(`g_auto`)— 顔・被写体中心トリミング

- **Background removal**(`e_background_removal`)— AI マッティング

- **Generative remove**(`e_gen_remove:item`)— オブジェクト除去

- **Generative replace**(`e_gen_replace:from_X;to_Y`)— オブジェクト置換

- **Generative fill**(`e_gen_fill_w_X_h_Y`)— outpainting

- **Generative recolor**(`e_gen_recolor:item_X;color_Y`)— 色だけ変更

- **Upscale**(`e_upscale`)— 2×/4× アップスケール

- **Restore**(`e_restore`)— ノイズ・ぼけ除去

- **Improve**(`e_improve`)— 自動色・露出補正

これらは別請求(credit)。`e_gen_remove` は変換あたり約 0.5 credit。

ImageKit AI

- 顔検出によるスマートクロップ

- AI 背景除去

- 自動タグ付け

- 生成 fill(ベータ、2025 年末 GA)

少し遅いが価格は半分。

自分で作る — Replicate + R2 + Workers

画像 CDN の AI 機能を使わず **自前で** 同じ機能を組むこともできる。

[Client]

[Cloudflare Worker — /api/enhance]

| upload → R2

[Replicate — SDXL/Real-ESRGAN/RemBG]

| result URL

[Worker — fetch + cache to R2]

[imagedelivery.net / CDN]

安い(トラフィック無制限)。コストはモデルホスティング・失敗処理・queue を自分で書くこと。

13. WebP / AVIF / JPEG XL 変換 — 2026 年の形式戦争

2026 年の画像形式風景:

| ------- | ---------------- | -------------- | -------- | ------ | ------------------------------------ |

| JPEG | 1.0 | 非常に低い | 不可 | 不可 | 100% |

| PNG | 0.7(写真) | 低い | 可 | 不可 | 100% |

| WebP | 1.3–1.5 | 低い | 可 | 可 | 100%(IE 除く、事実上 100%) |

| AVIF | 1.5–2.0 | 中 | 可 | 可 | 95%+(Chrome 85+, Firefox 93+, Safari 16.4+) |

| JPEG XL | 1.6–2.5 | 低い | 可 | 可 | Safari 17+, Chrome 137+(2025 年有効化) |

| HEIC | 1.8 | 中 | 可 | 可 | Safari 11+, Chrome は迂回必要(実質未使用) |

**自動ネゴシエーション(content negotiation)が肝。**

Client Accept: image/avif,image/webp,image/*,*/*;q=0.8

CDN: AVIF をデコード可 → AVIF を返す

不可なら WebP、それも不可なら JPEG

Cloudinary `f_auto`、ImageKit `f-auto`、Imgix `auto=format`、Cloudflare Polish はみな同じ仕事をする。

**Apple Smart HDR / Display-P3 色空間。**

2026 年の iPhone 写真は既定で HDR + Display-P3。素朴に sRGB へ変換すると **色が死ぬ**。Cloudinary・Imgix は HDR メタデータ(HEIF gain map)を保持・変換するオプションがある。一般 CDN は普通 sRGB へダウンコンバートする。

**OKLab カラー補間。**

CSS Color Module Level 4 で登場した OKLab(2020 年発表)が 2026 年のグラデーション色空間の標準になった。画像 CDN のグラデーション合成・ライティング(Cloudinary `e_artistic`、Imgix `blend-color`)も OKLab ベースへ移行中。

14. LCP 最適化 — srcset / picture / fetchpriority

画像 CDN が LCP に寄与するのは **3 段階**。

(1) 正しいサイズ — `srcset` + `sizes`

src="/hero-1600.jpg"

srcset="

/hero-400.jpg 400w,

/hero-800.jpg 800w,

/hero-1600.jpg 1600w,

/hero-3200.jpg 3200w

sizes="(max-width: 768px) 100vw, 1600px"

alt="hero"

ブラウザは画面サイズと DPR に応じて最も小さい適合候補を選ぶ。モバイルで 1600px を取らなければ LCP は 2–3 倍速くなる。

(2) 形式ネゴシエーション — `picture` + `source`

AVIF デコーダがあるブラウザは AVIF のみ取得。JPEG はフォールバック。

(3) 優先度 — `fetchpriority` + `preload`

rel="preload"

as="image"

href="/hero-1600.avif"

imagesrcset="/hero-800.avif 800w, /hero-1600.avif 1600w"

imagesizes="(max-width: 768px) 100vw, 1600px"

type="image/avif"

`fetchpriority="high"` — 他画像より先に取得する。`preload` — HTML パース完了前に開始する。合わせて LCP を約 200–500ms 短縮できる。

next/image の `priority={true}` がこれを自動で行う。

15. 韓国 — Toss CDN / Kakao CDN / NAVER CDN / KT CDN

韓国市場はグローバル CDN と **別に** 在来市場がある。

Toss CDN(自社構築)

Toss は自社 CDN を構築・運用している。外部販売はしていないが、**Toss 広告 SDK・決済 SDK は Toss CDN 経由で世界配布** されている。Toss 自身の写真・画像資産も Toss CDN を通る。国内の LCP は一般グローバル CDN より速い。

Kakao CDN

Kakao Enterprise が運営するクラウド CDN。**国内サイト・KakaoTalk チャネルページ・Daum** で広く使われる。

価格: トラフィック USD 0.01–0.03/GB(国内)。グローバル CDN よりやや高めだが **国内レイテンシが良く、KT・SKT・LG の ISP キャッシュとよく組む。**

NAVER CDN(NCP CDN+ / Global CDN)

NAVER Cloud Platform が運営。国内トラフィックの大きな EC・コンテンツ企業がよく使う。**GeoIP・アダプティブビットレート** など付加機能が Kakao CDN より少し豊か。

KT CDN

KT が運営する最古参の国内 CDN。通信事業者基盤なので **KT 加入者には最後の hop が極端に短い**。メディア・放送局 OTT に多く使われる。

**韓国サイトがグローバル CDN を使うときの問題。**

- AWS CloudFront にソウル PoP があるが、**韓国 ISP バックボーンの経路事情** で KT CDN よりわずかに遅いことがある。

- Cloudflare のソウル PoP はよく動く。

- 100% 韓国トラフィックなら国内 CDN、グローバルトラフィックなら Cloudflare/Bunny が一般的。

16. 日本 — メルカリ ImageFlux / pixiv ImgFlux / さくら CDN / Akamai JP

日本もグローバルとは別に強い在来市場がある。

メルカリ ImageFlux(さくら基盤)

メルカリの画像変換システム。さくらインターネットの **ImageFlux** サービス上で運用されている。メルカリの数億枚の商品画像は ImageFlux の URL 変換を経由してユーザーへ届く。

https://img.mercdn.net/.../<base64-encoded-path>

ImageFlux 自体はさくらが一般販売するサービスで、**国内 EC でよく使われる**。URL 変換構文は Imgix に近い。

価格(2026): 月 JPY 5,000 から、トラフィック・変換のセット。

pixiv ImgFlux(自社)

pixiv が自社運営する画像変換インフラ。外部販売は無し。**イラスト・漫画画像の高品質変換**(透明度・CMYK→sRGB・多レイヤー)が強み。

さくらインターネット CDN

さくらの一般 CDN サービス。**国内 PoP が良く**、ImageFlux と組み合わせやすい。

価格: USD 0.01–0.02/GB(日本)。

Akamai Japan

Akamai 本社の日本法人。**日本の大手メディア・放送・銀行・通信** はほとんど Akamai を使う。価格は個別だが非常に安定との評。NHK・NTT・KDDI の一部サービスが Akamai 上で動く。

**日本サイトがグローバル CDN を使うときの問題。**

- 東京 PoP は Cloudflare・AWS・Akamai すべて良好。

- ただし **JPNIC バックボーン経由の ISP 事情** で、一部経路ではさくら CDN の方が速いことがある。

- 大手日本企業は通常 **さくら/Akamai をメイン + Cloudflare をグローバル補助** に組む。

17. 誰が何を選ぶか — ペルソナ別おすすめ

ここで一度圧縮しよう。

ペルソナ A — 個人開発者 / ブロガー(月トラフィック 100GB 未満、画像 1000 枚未満)

**おすすめ: jsDelivr か statically.io + Vercel/Cloudflare Pages**

- コスト: 0

- やり方: GitHub repo に画像を置き、`cdn.jsdelivr.net/gh/...` か `cdn.statically.io/img/...` で埋め込む

- 変換が要るなら statically.io の `f=auto,w=800` を使う

- ホスティング: Vercel/Cloudflare Pages 無料プラン

- LCP: next/image の `priority` + 静的ビルドで十分

ペルソナ B — スタートアップ SaaS(月トラフィック 1–10TB、画像数万枚)

**おすすめ: Cloudflare Images か Bunny CDN + next/image カスタム loader**

- Cloudflare Images = 定額 + 帯域無制限 = 予測可能

- Bunny CDN = 従量 + 非常に安い単価 = 大量月でも負担が少ない

- 両方とも next/image の loader で統合可能

- AI 機能を使わないことが多い → シンプルさが利点

ペルソナ C — コンテンツ/EC 企業(画像数十万枚、AI 変換要)

**おすすめ: Cloudinary(AI 変換・DAM 必要時) or ImageKit(AI 半分で済む時)**

- Cloudinary = AI 生成変換・DAM・ワークフロー自動化・CMS 統合が最も深い

- ImageKit = 30–40% 安く、単純 AI までは同等

- メディア企業 + 色精度重視 → Imgix

- 韓国なら → Kakao/NAVER CDN をメイン、Cloudinary は変換だけ

ペルソナ D — エンタープライズ(グローバル、契約・SLA・VPC)

**おすすめ: Akamai Image Manager か Fastly IO + S3/GCS/Blob**

- Akamai = ポリシー駆動・銀行・メディア

- Fastly = 開発者寄り・ニュース・ソーシャル

- クラウド統合優先 → AWS CloudFront + Serverless Image Handler / Front Door Premium / Cloud CDN

ペルソナ E — OSS ライブラリ / デモサイト

**おすすめ: jsDelivr + GitHub Pages / unpkg / esm.sh**

- ライブラリ本体は npm → jsDelivr/unpkg

- ESM 使用は esm.sh

- デモ画像は GitHub repo → jsDelivr/statically.io

- コスト: 永久に 0

エピローグ — 2026 年の画像 CDN を一行で

> 「画像 1 枚は 1KB から 10MB の間にあるが、ユーザーは常に 100KB だけを欲しがる。

> その差を埋めるのが画像 CDN で、2026 年は URL 1 本でそれができる。」

意思決定の 3 ステップ:

1. **第 1 フィルタはトラフィック規模** — 100GB 未満は無料 OSS CDN、1TB 未満は Cloudflare Images/Bunny、それ以上はエンタープライズ価格で交渉。

2. **第 2 フィルタは AI 機能の必要性** — 不要なら Bunny/Cloudflare Images、必要なら Cloudinary/ImageKit。

3. **第 3 フィルタはフレームワーク統合** — Next.js なら next/image の loader API でどの CDN とも統合可能。

ここまで読んだなら、もうわかっているはず — 「正解」は無く、**自分のトラフィック・機能・予算の組み合わせで最も単純なもの** が正解だ。URL 1 本で変わる LCP を測ってみて、そこから調整しよう。

参考 / References

- Cloudinary 公式ドキュメント: https://cloudinary.com/documentation

- Cloudinary AI 変換: https://cloudinary.com/products/cloudinary_ai

- ImageKit 公式ドキュメント: https://docs.imagekit.io/

- Bunny.net 公式ドキュメント: https://docs.bunny.net/

- Bunny Optimizer: https://docs.bunny.net/docs/stream-image-optimizer

- Imgix ドキュメント: https://docs.imgix.com/

- Cloudflare Images: https://developers.cloudflare.com/images/

- Cloudflare Polish: https://developers.cloudflare.com/images/polish/

- AWS Serverless Image Handler: https://aws.amazon.com/solutions/implementations/serverless-image-handler/

- AWS CloudFront 価格: https://aws.amazon.com/cloudfront/pricing/

- Google Cloud Media CDN: https://cloud.google.com/media-cdn

- Azure Front Door: https://learn.microsoft.com/en-us/azure/frontdoor/

- Akamai Image and Video Manager: https://www.akamai.com/products/image-and-video-manager

- Fastly Image Optimizer: https://docs.fastly.com/products/image-optimization-api

- jsDelivr: https://www.jsdelivr.com/documentation

- statically.io: https://statically.io/

- unpkg: https://unpkg.com/

- esm.sh: https://esm.sh/

- KeyCDN: https://www.keycdn.com/

- Edgio(StackPath 以降): https://edg.io/(2024 年 Chapter 11)

- gumlet.io: https://www.gumlet.com/

- Vercel Image Optimization: https://vercel.com/docs/image-optimization

- Next.js next/image: https://nextjs.org/docs/app/api-reference/components/image

- さくら ImageFlux: https://www.sakura.ad.jp/services/imageflux/

- AVIF 対応: https://caniuse.com/avif

- JPEG XL 対応: https://caniuse.com/jpegxl

- Web Vitals — LCP: https://web.dev/articles/lcp

- fetchpriority: https://web.dev/articles/fetch-priority

- OKLab カラースペース: https://bottosson.github.io/posts/oklab/