Cloudflare Images:変換フローの概要
Key Points
- 自動化ルールで画像最適化
- Fastly からの移行をサポート
- width=auto でレスポンシブ対応
Summary
Cloudflare Images の Transformation flows は、ファイル拡張子/URL パス/クエリなどの条件に基づいて画像変換パラメータを自動適用するルール機能です。コードや既存の URL を変更せずに最適化を適用でき、運用負荷を下げます。
Key Points
- 2つのモード
- Provider flows:既存のプロバイダ固有パラメータを Cloudflare に書き換え、URL を維持したまま他サービス(現在は Fastly Image Optimizer)から移行可能。
- Custom flows:独自の条件とアクションを定義して、フォーマット変換、自動幅(width=auto)によるレスポンシブ対応、ディレクトリ単位の最適化などを実現。
- 運用の流れ:ダッシュボードで Images > Transformations > Automation に移動してフローを作成、条件・アクションをテストしてから適用。
- 実運用上の注意点:ルールの優先順とマッチ条件を確認し、既存キャッシュやクライアントの互換性を検証してから本番有効化すること。
Quick start
- Cloudflare ダッシュボード → Images → Transformations → Automation を開く。
- Provider flow(移行)または Custom flow(新規)を選択して条件とアクションを定義。
- ステージングで検証し、必要に応じてキャッシュパージを行って本番化。