Edge Security Acceleration (ESA) は画像最適化ルールをサポートしています。これは、指定されたフィルタ条件に一致するリクエストに適用されます。 オリジンサーバーからの画像形式と品質の変換、トリミング、サイズ変更、キャッシュを実行できます。 これにより、画像の取得が高速化され、オリジン トラフィックが削減されます。オリジンサーバーの画像フォーマットと品質の変換、トリミング、サイズ変更、およびキャッシュを実行できます。 これにより、画像の取得が高速化され、オリジンサーバーへのトラフィックが削減されます。
Web サイトレベルの画像最適化ルールを設定する場合は、「画像変換」をご参照ください。
シナリオ
ESA を使用すると、オリジンサーバーの動作に影響を与えることなく、ESA POP で画像を変換およびキャッシュできます。
E コマース プラットフォーム
複数のデバイスでさまざまな画像表示要件を満たす豊富な画像処理スタイルを提供し、効率的かつ簡素化された画像編集を実現します。
商品画像と画像コメントを圧縮して画像サイズを縮小し、トラフィック コストをさらに削減できます。
ブランドをウォーターマークとしてサポートして、著作権を保護し、製品を宣伝します。
ソーシャルメディア
画像をソーシャルメディアに投稿できる標準形式に簡単かつ柔軟に変換できます。
ウォーターマークをサポートして、画像の盗難を防ぎます。
オンライン教育
ユーザーの要件に基づいて、オンライン教育用の画像を編集します。
ビジネス要件に基づいて有効にする圧縮の種類を選択できます。 これにより、圧縮と画質のバランスをとることができます。
デザイン リソース Web サイト
複数のデバイスでさまざまな画像表示要件を満たす豊富な画像処理スタイルを提供し、効率的かつ簡素化された画像編集を実現します。
画質を損なうことなく画像を圧縮して、画像配信を高速化します。 これにより、Web サイトは高解像度の画像を提供できます。
始める前に
画像変換を使用する前に、次の点に注意してください。
ソース画像の制限:
サポートされている画像形式: JPEG、JPG、PNG、WebP、BMP、GIF、TIFF、JPEG 2000。
ソース画像のサイズは 10 MB を超えることはできません。
ソース画像のピクセル総数は 16,777,216 を超えることはできません。
説明ソース画像が GIF 画像の場合、ピクセル総数はすべてのフレームの合計です。 ImageMagick などのツールを使用して、GIF 画像のフレーム情報をクエリできます。
処理済み画像の制限:
変換された画像のピクセル総数は 16,777,216 を超えることはできません。
変換された画像を WebP 形式に変換する場合、画像の合計ピクセル数は 16,777,216 ピクセルを超えることはできません。 幅または高さは 16,384 ピクセルを超えることはできません。 ソース画像が動的画像の場合、ソース画像を WebP 形式に変換すると静的画像が生成されます。
最適化ルールの作成
ESA コンソールで、[Web サイト] を選択し、管理する Web サイト名をクリックします。
左側のナビゲーション ウィンドウで、 を選択します。
[コンテンツ最適化] ページで、[画像の最適化] タブをクリックします。 [ルールを追加] をクリックし、[ルール名] に入力します。
[リクエストが以下のルールと一致する場合...] 領域で、受信リクエストと一致する条件を指定します。 ルールの設定方法の詳細については、「ルール」をご参照ください。
[画像変換] をオンにします。 詳細については、「一致条件」をご参照ください。
ルール名
ルールの名前を入力します。 最大 64 文字で、文字、数字、アンダースコア (
_
) を使用できます。一致条件
一致するリクエストの特性を指定します。
論理演算子をクリックして条件を追加します。 最大 5 つの条件を追加できます。
各条件は、一致フィールド、論理演算子、および一致値で構成されます。
画像編集方法
次の部分では、ESA でサポートされている画像編集パラメーターについて説明します。
パラメーター: format
説明: 画像を指定された形式に変換します。
パラメーター: quality
説明: 画像の画質を調整します。
パラメーター: crop
説明: 画像をトリミングします。
パラメーター: resize
説明: 画像のサイズを変更します。 この機能は、画像サイズの縮小のみをサポートしています。
パラメーター:
auto-orient: 画像を自動的に回転させます。
rotate: 画像を特定の方向に回転させます。
説明: orientation パラメーターに基づいて画像を回転させるか、指定した角度に基づいて画像を時計回りに回転させます。
パラメーター:
bright: 画像の輝度。
contrast: 画像のコントラスト。
sharpen: 画像のシャープネス。
説明: 画像の輝度、コントラスト、シャープネスを調整します。
パラメーター: watermark
説明: 画像に画像またはテキストのウォーターマークを追加します。
パラメーター: info
説明: 幅、高さ、形式、画質などの画像情報をクエリします。