コードいらずで画像を自動最適化！Cloudflare Images に Transformation flows が来たよ！

やっほー、しぃちゃんだよ！今日は画像まわりの、地味だけどうれしいアップデートを見つけちゃった。コードを書かずに画像最適化を自動化できるって話だよ。

Cloudflare Changelog developers.cloudflare.com

なにが発表されたの？

Cloudflare Images に「Transformation flows(変換フロー)」っていう新しい仕組みが登場したよ。これは Cloudflare の Changelog で発表されたお知らせなの。ゾーン全体のリモート画像を、コードを書いたり URL を変えたりしなくても、自動ルールで最適化できるようになったんだって。

今までどうだったの？

これまで画像を最適化しようとすると、URL を書き換えたり、変換パラメータを一つひとつ指定したりする手間があったの。移行元のサービスに合わせた設定も自分でやらなきゃいけなくて、けっこう面倒だったんだよね。

これで何が変わるの？

変換フローを使うと、条件とアクションを組み合わせた自動ルールで最適化がかかるようになるよ。だから既存の画像 URL をそのままにしておいても、マッチしたリクエストに自動で最適化が適用されるの。手を動かす量がぐっと減るのがうれしいところだね。

深く潜ってみよう

フローには 2 種類あるよ。

• プロバイダーフロー: 他社の画像最適化サービスからの移行用。そのサービス固有のパラメータを Cloudflare の同等パラメータに書き換えてくれるの。今は Fastly Image Optimizer に対応してるよ。
• カスタムフロー: 自分で条件とアクションを決めるタイプ。自動フォーマット変換や、width=auto を使ったレスポンシブなサイズ調整、ディレクトリ単位の最適化みたいなことができるよ。

条件は「ファイル拡張子」「URL パス」「クエリパラメータ」あたりで指定して、それにパラメータを紐づける形なの。設定はダッシュボードの Images > Transformations > Automation から触れるよ。もっと詳しく知りたいときは変換フローのドキュメントを見てね。

まとめ

• Cloudflare Images に自動最適化の「Transformation flows」が登場
• コード変更や URL 変更なしで、ゾーン全体のリモート画像を最適化できる
• プロバイダーフロー(今は Fastly 対応)とカスタムフローの 2 種類
• 条件はファイル拡張子・URL パス・クエリパラメータ、width=auto のレスポンシブ対応も

画像最適化を自動化したい Web 開発者さんや、他社サービスから Cloudflare に乗り換えたい人にぴったりのアップデートだよ！