# Cloudflare Images

画像を大規模に保存、変換、最適化、配信します

> 以下のリンクは、各ページの Markdown 版を直接指します。 任意のページは、`index.md` サフィックスなしの URL に `Accept: text/markdown` ヘッダーを付けて取得することもできます（例: `curl -H "Accept: text/markdown" https://developers.cloudflare.com/images/`）。
>
> その他の Cloudflare 製品は、[Cloudflare ドキュメントディレクトリ](https://developers.cloudflare.com/llms.txt) を参照してください。

## 概要

- [Images](https://developers.cloudflare.com/images/index.md): Images は、スケーラブルで信頼性の高い画像パイプラインを構築するプラットフォームです。メディアを多用するアプリケーションを、より早くデプロイできます。

## デモとアーキテクチャ

- [デモとアーキテクチャ](https://developers.cloudflare.com/images/demos/index.md): Cloudflare Images のデモアプリケーションとリファレンスアーキテクチャを紹介します。

## 料金

- [料金](https://developers.cloudflare.com/images/pricing/index.md): Cloudflare Images の変換、ストレージ、配信の料金です。Free プランと Paid プランの内容を説明します。

## Cloudflare Polish

- [Cloudflare Polish](https://developers.cloudflare.com/images/polish/index.md): Cloudflare Polish は、メタデータの削除と非可逆または可逆圧縮により、画像を自動で最適化します。
- [Polish を有効にする](https://developers.cloudflare.com/images/polish/activate-polish/index.md): Cloudflare dashboard で Cloudflare Polish を有効にし、非可逆または可逆圧縮で画像を自動最適化します。
- [Cf-Polished のステータス](https://developers.cloudflare.com/images/polish/cf-polished-statuses/index.md): Cloudflare Images の Cf-Polished ステータスを説明します。ヘッダー欠落の対処、画像形式の最適化、よくある問題の切り分けを確認できます。
- [Polish の圧縮](https://developers.cloudflare.com/images/polish/compression/index.md): Lossless、Lossy、WebP を含む Cloudflare Polish の圧縮オプションを説明します。画像ファイルサイズを最適化しつつ、メタデータを適切に扱います。
- [WebP がスキップされる場合があります](https://developers.cloudflare.com/images/polish/no-webp/index.md): ファイルサイズが増える、または画質が落ちる場合、Cloudflare Polish は WebP への変換をスキップします。

## Images API リファレンス

- [Images API リファレンス](https://developers.cloudflare.comhttps://developers.cloudflare.com/api/resources/images/subresources/v1/methods/list/index.md): Cloudflare Images のアップロード、一覧、更新、削除を含む、管理用の完全な API リファレンスです。

## 例

- [例](https://developers.cloudflare.com/images/examples/index.md): トランスコードや透かしなど、Cloudflare Images の一般的なユースケース向けのコード例です。
- [画像をトランスコードする](https://developers.cloudflare.com/images/examples/transcode-from-workers-ai/index.md): Workers AI で生成した画像を、R2 にアップロードする前にトランスコードします
- [透かし](https://developers.cloudflare.com/images/examples/watermark-from-kv/index.md): KV から取得した透かしを、R2 の画像に重ねます

## get-started

- [はじめに](https://developers.cloudflare.com/images/get-started/introduction/index.md): Cloudflare Images は、画像の最適化、保存、配信を大規模に行うためのプラットフォームです。
- [主要な概念](https://developers.cloudflare.com/images/get-started/key-concepts/index.md): Transformations、バリアント、ホスト済み画像、オリジンなど、Cloudflare Images の中核用語を定義します。
- [制限とフォーマット](https://developers.cloudflare.com/images/get-started/limits/index.md): Cloudflare Images が対応するファイル形式、サイズ制限、寸法の制約です。

## optimization

- [Workers で最適化する](https://developers.cloudflare.com/images/optimization/binding/index.md): Images バインディングを使い、任意のソースから Worker 内で画像の最適化、リサイズ、加工を行います。
- [オーバーレイと透かしを描画する](https://developers.cloudflare.com/images/optimization/draw-overlays/index.md): Workers を使って、透かし、ロゴ、オーバーレイ画像をほかの画像の上に重ねられます。
- [機能](https://developers.cloudflare.com/images/optimization/features/index.md): リサイズ、トリミング、フォーマット変換、視覚効果に使える Cloudflare Images の最適化パラメーターです。
- [ぼかしを適用する](https://developers.cloudflare.com/images/optimization/hosted-images/blur-variants/index.md): ダッシュボードまたは flexible variants API を使い、Cloudflare Images のバリアントにぼかし効果を追加します。
- [Browser TTL](https://developers.cloudflare.com/images/optimization/hosted-images/browser-ttl/index.md): アカウント単位またはバリアント単位で、Cloudflare Images の cache-control 設定を行います。
- [定義済みバリアントを作成する](https://developers.cloudflare.com/images/optimization/hosted-images/create-variants/index.md): Cloudflare Images で名前付きバリアントを定義し、ホスト済み画像のリサイズと配信方法を制御します。
- [バリアントを削除する](https://developers.cloudflare.com/images/optimization/hosted-images/delete-variants/index.md): Cloudflare Images のダッシュボードまたは API で、画像バリアントを削除します。
- [Flexible variants を有効にする](https://developers.cloudflare.com/images/optimization/hosted-images/enable-flexible-variants/index.md): Cloudflare Images で flexible variants を有効にし、定義済みバリアント以外の動的リサイズを使えるようにします。
- [Content Credentials を保持する](https://developers.cloudflare.com/images/optimization/hosted-images/preserve-content-credentials/index.md): Cloudflare Images から配信する画像で、C2PA メタデータと来歴データを残します。
- [カスタムドメインから画像を配信する](https://developers.cloudflare.com/images/optimization/hosted-images/serve-from-custom-domains/index.md): cdn-cgi の画像配信パスを使い、独自のカスタムドメイン経由で Cloudflare Images を配信します。
- [非公開画像を配信する](https://developers.cloudflare.com/images/optimization/hosted-images/serve-private-images/index.md): 有効期限付きの署名付き URL トークンを生成して、Cloudflare Images へのアクセスを制限します。
- [アップロードした画像を配信する](https://developers.cloudflare.com/images/optimization/hosted-images/serve-uploaded-images/index.md): アカウントハッシュ、画像 ID、バリアント名を使い、Cloudflare Images にアップロードした画像の配信 URL を組み立てます。
- [レスポンシブ画像を作る](https://developers.cloudflare.com/images/optimization/make-responsive-images/index.md): あらゆるデバイスで最適な表示になるよう、画像を自動でリサイズします。
- [オリジンへのアクセスを制御する](https://developers.cloudflare.com/images/optimization/transformations/control-origin-access/index.md): 画像変換を使う Cloudflare Workers で、元画像のソースを隠し、アクセスを制限します。
- [Transformation フローを作成する](https://developers.cloudflare.com/images/optimization/transformations/flows/index.md)
- [フレームワークと連携する](https://developers.cloudflare.com/images/optimization/transformations/integrate-with-frameworks/index.md): Cloudflare Images の変換機能を、Next.js と Nuxt の画像コンポーネントで使います。
- [概要](https://developers.cloudflare.com/images/optimization/transformations/overview/index.md): Cloudflare Images の変換は、任意のオリジンにあるリモート画像をエッジで最適化し、キャッシュします。
- [Content Credentials を保持する](https://developers.cloudflare.com/images/optimization/transformations/preserve-content-credentials/index.md): Cloudflare Images でリモート画像を変換するときに、C2PA メタデータと来歴データを残します。
- [リライトルールを設定する](https://developers.cloudflare.com/images/optimization/transformations/rewrite-rules/index.md): Transform Rules で Cloudflare Images の変換用 URL を書き換え、カスタムパスから画像を配信します。
- [ソースオリジンを定義する](https://developers.cloudflare.com/images/optimization/transformations/sources/index.md): Cloudflare Images が画像変換のソースとして使えるオリジンを管理します。
- [fetch で変換する](https://developers.cloudflare.com/images/optimization/transformations/transform-via-workers/index.md): Worker 内の fetch() サブリクエストで cf.image オプションを使い、リモート画像のリサイズ、フォーマット変換、最適化をプログラムで行います。

## platform

- [変更履歴](https://developers.cloudflare.com/images/platform/changelog/index.md): Cloudflare Images の最近の変更と更新です。

## reference

- [セキュリティ](https://developers.cloudflare.com/images/reference/security/index.md): WAF、Bot Management、Rate Limiting で、Cloudflare Images の最適化リクエストを不正利用から守ります。
- [トラブルシューティング](https://developers.cloudflare.com/images/reference/troubleshooting/index.md): エラーコードやオリジン設定の問題など、よくある Cloudflare Images のリサイズエラーを切り分けて解決します。

## storage

- [Workers でホスト済み画像を管理する](https://developers.cloudflare.com/images/storage/binding/index.md): Images バインディングを使い、Worker からホスト済み画像のアップロード、一覧取得、取得、更新、削除を行います。
- [画像を削除する](https://developers.cloudflare.com/images/storage/manage-images/delete-images/index.md): ダッシュボードまたは API で、Cloudflare Images ストレージから画像を削除します。
- [画像を編集する](https://developers.cloudflare.com/images/storage/manage-images/edit-images/index.md): Cloudflare Images で、署名付き URL の要否やバリアント URL など、画像の設定を変更します。
- [画像のエクスポート](https://developers.cloudflare.com/images/storage/manage-images/export-images/index.md): Cloudflare Images に保存した画像のオリジナル版を、ダッシュボードまたは API でダウンロードします。
- [Webhook を設定する](https://developers.cloudflare.com/images/storage/upload-images/configure-webhooks/index.md): Cloudflare Images の Direct Creator Upload が成功または失敗したときに通知を受け取る Webhook を設定します。
- [ユーザーがアップロードした画像を受け付ける](https://developers.cloudflare.com/images/storage/upload-images/direct-creator-upload/index.md): Cloudflare Images の Direct Creator Upload を使い、API 認証情報を公開せずに、ワンタイム URL でユーザーが画像をアップロードできるようにします。
- [バッチ API でアップロードする](https://developers.cloudflare.com/images/storage/upload-images/images-batch/index.md): Cloudflare Images のバッチ API を使い、グローバル API のレート制限を回避しながら連続リクエストを送信します。
- [S3 からインポートする](https://developers.cloudflare.com/images/storage/upload-images/import-from-s3/index.md): Amazon S3 から Cloudflare Images へ画像を一括インポートします。
- [認証情報](https://developers.cloudflare.com/images/storage/upload-images/import-from-s3/credentials/index.md): Amazon S3 の読み取りアクセス用に、AWS IAM の認証情報を設定します。
- [ソースを編集する](https://developers.cloudflare.com/images/storage/upload-images/import-from-s3/edit/index.md): Cloudflare Images でソースとインポートジョブを管理します。
- [S3 から画像をインポートする](https://developers.cloudflare.com/images/storage/upload-images/import-from-s3/enable/index.md): Amazon S3 に保存した画像のインポートジョブを作成します。
- [アップロード方法](https://developers.cloudflare.com/images/storage/upload-images/methods/index.md): ダッシュボード、API、Workers、S3 から画像をアップロードします。
- [カスタムパスでアップロードする](https://developers.cloudflare.com/images/storage/upload-images/upload-custom-path/index.md): 自動生成の UUID ではなく、Cloudflare Images へのアップロード時にカスタム ID パスを割り当てます。
- [Worker からアップロードする](https://developers.cloudflare.com/images/storage/upload-images/upload-file-worker/index.md): Workers を使って Cloudflare に画像をアップロードする方法です。通常の画像と AI 生成画像の両方を効率よくアップロードするコード例を示します。
- [URL からアップロードする](https://developers.cloudflare.com/images/storage/upload-images/upload-url/index.md): ファイルではなくソース URL を指定して、Cloudflare Images に画像をアップロードします。

## tutorials

- [モバイル表示を最適化する](https://developers.cloudflare.com/images/tutorials/optimize-mobile-viewing/index.md): 遅延読み込みは、ページ読み込みを速くしコストも下げる、ウェブページ上の画像をモバイル向けに最適化する簡単な方法です。
- [ユーザーアップロード画像を変換してから R2 にアップロードする](https://developers.cloudflare.com/images/tutorials/optimize-user-uploaded-image/index.md): バインディングを設定し、Images、R2、Assets を Worker に接続します