さまざまなビジネスコンテキストで、コンテンツ共有Webサイトの画像のサイズ変更、トリミング、回転、または圧縮が必要になる場合があります。 しかしながら、各画像処理タスクに対してオリジン要求を開始することは、オリジン要求の数及びPOP上のキャッシュサイズを実質的に増加させることができる。 Dynamic Content Delivery Network (DCDN) は、画像を編集したり、編集した画像をPOPにキャッシュしたりできる画像編集機能を提供します。 これにより、コンテンツ配信が高速化され、オリジンサーバーの負荷が軽減され、オリジントラフィックが削減されます。
Alibaba Cloud CDNの画像編集機能、Dynamic Content Delivery Network (DCDN) の画像編集機能、およびObject Storage Service (OSS) の画像処理 (IMG) 機能には、3つの異なる機能があります。
画像編集は追って通知があるまで無料です。
画像編集機能はプライベートプレビューです。 この機能を使用するには、チケットを起票
画像編集機能を使用すると、JPEGからWebP、JPEGからPNG、PNGからWebPなどの異なる画像形式間の変換により、画像サイズが大きくなることがあります。 これは、異なる画像フォーマットが異なる圧縮アルゴリズムを使用するためである。 画像サイズを縮小する場合は、
quality
パラメーターを設定して画像の品質を下げることを推奨します。
シナリオ
画像編集を有効にすると、画像はPOPに編集およびキャッシュされます。 配信元サーバーの負荷が軽減されます。
次の表に、一般的なシナリオをいくつか示します。
シナリオ | 説明 |
Eコマースプラットフォーム |
|
ソーシャルメディア |
|
オンライン教育 |
|
デザインリソースWebサイト |
|
メリット
画像編集には次の利点があります。
高速配信
ソース画像がPOP上にキャッシュされた後、異なるサイズの画像に対するクライアント要求をPOP上で直接処理することができ、編集された画像がPOPからクライアントに返される。 これにより、オリジンサーバーへの不要なトリップが削減され、応答時間が短縮されます。
オリジンサーバーの負荷の軽減
オリジンサーバーでの画像編集は、大量のストレージとコンピューティングリソースを消費するため、オリジンサーバーのメンテナンスコストが増加します。 DCDNは、POPでの画像処理とキャッシュをサポートしているため、オリジンサーバーの負担が軽減されます。
改善されたパージとプリフェッチ効率
ソースイメージの有効期限が切れると、ソースイメージに基づいて編集されたすべてのイメージも使用できなくなります。 この問題に対処するには、画像を編集してPOPにキャッシュします。 このソリューションは、頻繁なパージおよびプリフェッチタスクの必要性と、発信元要求によって消費される帯域幅リソースの量を削減します。 また、POPにキャッシュされた編集画像は可用性を高め、ソース画像の有効期限がコンテンツ配信に与える影響を軽減します。
POPでのカスタム画像編集
画像編集パラメータを指定して、さまざまなブラウザやクライアントに合わせて画像を編集できます。
制限事項
画像編集を使用する前に、次の項目に注意してください。
ソース画像
この機能を使用して、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形式に変換すると、静的イメージが生成されます。
イメージ編集の設定
画像編集の有効化リクエスト
画像編集機能はプライベートレビューにあります。 この機能を使用するには、チケットを起票
画像編集の有効化
左側のナビゲーションウィンドウで、ドメイン名.
ドメイン名ページで、管理するドメイン名を見つけて、設定.
ドメイン名の左側のナビゲーションツリーで、最適化.
画像編集セクション、オンにする画像編集編集する画像のフォーマットを選択します。
説明選択したフォーマットの画像のみが編集されます。 URLの画像編集パラメータは、画像編集が有効になった後にのみ有効になります。 詳細については、「URLを使用した画像の編集」をご参照ください。
ビジネス要件に基づいて、DCDNコンソールでWebPへの自動変換、自動ローテーション、自動圧縮を有効にできます。
パラメーター
説明
サポートされているイメージ形式
変換するイメージフォーマット。 複数のフォーマットを選択できます。 This parameter is required.
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でパラメーターを指定して、ビジネス要件に基づいて画像を編集します。
形式:
http://example.com/image_01.png?image_process=action,param_value/action,param_value
項目
説明
example.com
DCDNによって高速化されるドメイン名。
image_01.png
The name of the image.
image_process
画像編集パラメータを渡すことができるオブジェクト。
アクション、param_value
画像編集操作のアクション、パラメーター、および値。 複数のアクションはスラッシュ (/) で区切ります。 DCDNは、パラメーターの順序に基づいてアクションを実行します。 詳細については、「画像編集パラメーター」をご参照ください。
例:
http://example.com/image_01.png?image_process=resize,w_200/rotate,90/format,webp
期待される結果: 画像の幅が200ピクセルに変更され、画像の高さが元の幅と高さの比率に基づいて調整されます。 次に、画像は時計回りに90度回転され、WebPフォーマットに変換される。
画像編集パラメータ
また、画像編集パラメータを追加してURLをリクエストし、画像に対してより多くの編集操作を実行することもできます。 DCDNでは、1つ以上の画像編集パラメータをリクエストURLに追加できます。 画像編集パラメータを次の表に示します。
機能 | パラメーター | 説明 |
フォーマット | 画像を特定の形式に変換します。 | |
quality | 画像の品質を調整します。 | |
crop | 作物の画像。 | |
サイズを変更する | 画像のサイズを変更します。 | |
| 方向パラメータに基づいて画像を回転させるか、指定した角度に基づいて画像を時計回りに回転させます。 | |
| 画像の明るさ、コントラスト、シャープネスを調整します。 | |
ウォーターマーク | 画像またはテキストの透かしを画像に追加します。 | |
info | サイズ、幅、高さ、形式、品質などの画像情報を照会します。 |