Alibaba Cloud CDNコンソールで、WebPへの自動変換、自動ローテーション、自動圧縮を有効にできます。 また、画像編集パラメータを追加してURLを要求し、画像のトリミングや画像への透かしの追加など、画像に対してより多くの編集操作を実行することもできます。
Alibaba Cloud CDNの画像編集機能、DCDNの画像編集機能、およびObject Storage Service (OSS) の画像処理 (IMG) 機能は、3つの異なる機能です。
画像編集は有料サービスで、追って通知があるまで無料です。
画像編集を有効にする
Alibaba Cloud CDNコンソール
左側のナビゲーションウィンドウで、ドメイン名 をクリックします。
[ドメイン名] ページで、管理するドメイン名を見つけて、アクション 列の 管理 をクリックします。
ドメイン名の左側のナビゲーションツリーで、パフォーマンスの最適化 をクリックします。
[画像編集] セクションで、[画像編集] をオンにして、変換する画像形式を選択します。 次の表にパラメーターを示します。
パラメーター
説明
サポートされているイメージ形式
変換するイメージフォーマット。 複数のフォーマットを選択できます。
WebPへの自動変換
WebPへの自動変換をオンにした後、Acceptヘッダーに
image/webpが含まれている場合、Alibaba Cloud CDNは自動的に他の形式の画像をキャッシュ用のWebP形式に変換します。説明WebPへの自動変換をオンにすると、キャッシュヒット率は短時間で減少し、イメージの変換後に徐々に復元されます。 ピーク時にはこの機能を有効にしないでください。
自動回転
自動ローテーション機能を有効にすると、Alibaba Cloud CDNは自動的にイメージをローテーションします。
説明自動回転は、
auto-orientパラメーターを持つ画像にのみ適用されます。自動回転をオンにすると、キャッシュヒット率は短時間で減少し、イメージが回転すると徐々に回復します。 ピーク時にはこの機能を有効にしないでください。
自動圧縮
自動圧縮は、画像の解像度、サイズ、およびフォーマットを変更する必要なく、画像のファイルサイズを縮小します。 これにより、データ転送が減少する。 デフォルト値：0 有効な値：
0: 自動圧縮は無効です。
1〜100: 自動圧縮が有効になっています。 たとえば、[自動圧縮] フィールドに90% を入力すると、画質は元の画質の90% に低下します。
説明自動圧縮は、JPEGおよびWebP形式の画像のみをサポートします。
[OK] をクリックします。
オブジェクトURLを使用して画像を処理する
画像編集パラメータ
また、画像編集パラメータを追加してURLをリクエストし、画像に対してより多くの編集操作を実行することもできます。 Alibaba Cloud CDNでは、1つ以上の画像編集パラメーターをリクエストURLに追加できます。 画像編集パラメータを次の表に示します。
機能 | パラメーター | 説明 |
フォーマット | 画像を特定の形式に変換します。 | |
quality | 画像の品質を調整します。 | |
crop | 作物の画像。 | |
サイズを変更する | 画像のサイズを変更します。 | |
| 方向パラメータに基づいて画像を回転させるか、指定した角度に基づいて画像を時計回りに回転させます。 | |
| 画像の明るさ、コントラスト、シャープネスを調整します。 | |
ウォーターマーク | 画像またはテキストの透かしを画像に追加します。 | |
info | 幅、高さ、形式、品質などの画像情報を照会します。 |
画像編集パラメータの追加
画像編集を有効にし、変換する画像形式を選択します。 詳細については、「イメージ編集の有効化」をご参照ください。
説明変換する画像形式を選択すると、画像編集が有効になります。 URLの画像編集パラメーターは、画像編集が有効な場合にのみ有効になります。 それ以外の場合、パラメータは無効です。
ビジネス要件に基づいて、Alibaba Cloud CDNコンソールでWebPへの自動変換、自動ローテーション、自動圧縮を有効にできます。
URLをリクエストして画像編集をカスタマイズするパラメータを追加します。
形式:
http://example.com/image_01.png?image_process=action,param_value/action,param_valueフィールド
説明
example.com
高速化ドメイン名。
image_01.png
The name of the image.
image_process
画像編集パラメータを渡すことができるオブジェクト。
アクション、param_value
画像編集操作のアクション、パラメーター、および値。 複数のアクションはスラッシュ (/) で区切ります。 Alibaba Cloud CDNは、パラメーターの順序に基づいてアクションを実行します。 画像編集パラメーターの詳細については、「画像編集パラメーター」をご参照ください。
例:
http://example.com/image_01.png?image_process=resize,w_200/rotate,90/format,webp期待される結果: 画像の幅が200ピクセルに変更され、画像の高さが元の幅と高さの比率に基づいて調整されます。 次に、画像は時計回りに90度回転され、WebPフォーマットに変換される。