すべてのプロダクト
Search
ドキュメントセンター

CDN:画像編集の有効化と使用

最終更新日:Dec 10, 2024

Alibaba Cloud CDNコンソールで、WebPへの自動変換、自動ローテーション、自動圧縮を有効にできます。 また、画像編集パラメータを追加してURLを要求し、画像のトリミングや画像への透かしの追加など、画像に対してより多くの編集操作を実行することもできます。

説明
  • Alibaba Cloud CDNの画像編集機能、DCDNの画像編集機能、およびObject Storage Service (OSS) の画像処理 (IMG) 機能は、3つの異なる機能です。

  • 画像編集は追って通知があるまで無料です。

  • 画像編集機能を使用すると、JPEGからWebP、JPEGからPNG、PNGからWebPなどの異なる画像形式間の変換により、画像サイズが大きくなることがあります。 これは、異なる画像フォーマットが異なる圧縮アルゴリズムを使用するためである。 画像サイズを縮小する場合は、qualityパラメーターを設定して画像の品質を下げることを推奨します。

画像編集を有効にする

  1. Alibaba Cloud CDNコンソールにログインします。

  2. 左側のナビゲーションウィンドウで、ドメイン名.

  3. [ドメイン名] ページで、管理するドメイン名を見つけて、アクション 列の 管理 をクリックします。

  4. ドメイン名の左側のナビゲーションツリーで、パフォーマンスの最適化.

  5. [画像編集] セクションで、[画像編集] をオンにして、変換する画像形式を選択します。 下表にパラメーターを示します。

    説明
    • 変換する画像形式を選択すると、画像編集が有効になります。 画像編集を有効にした場合にのみ、URLの画像処理パラメーターは、オブジェクトURLを使用して画像を処理するときに有効になります。 それ以外の場合、パラメータは無効です。

    • ビジネス要件に基づいて、Alibaba Cloud CDNコンソールで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形式の画像のみをサポートします。

    ソースイメージキャッシュ

    ソースイメージに変換された重複が複数ある場合、この機能を有効にして、オリジンリクエストの数を減らすことができます。

    非該当

  6. OK.

オブジェクトURLを使用して画像を処理する

  1. 画像編集を有効にして、変換する画像形式を選択します。 詳細については、「イメージ編集の有効化」をご参照ください。

  2. 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フォーマットに変換される。

画像編集パラメータ

また、画像編集パラメータを追加してURLをリクエストし、画像に対してより多くの編集操作を実行することもできます。 Alibaba Cloud CDNでは、1つ以上の画像編集パラメーターをリクエストURLに追加できます。 画像編集パラメータを次の表に示します。

機能

パラメーター

説明

画像形式の変換

フォーマット

画像を特定の形式に変換します。

画質の調整

quality

画像の品質を調整します。

クロップ画像

crop

作物の画像。

画像のサイズ変更

サイズを変更する

画像のサイズを変更します。 現在、この機能は画像のサイズの縮小のみをサポートしています。

画像の回転

  • auto-orient: イメージを自動的に回転させます。

  • rotate: 画像を特定の向きに回転させます。

方向パラメータに基づいて画像を回転させるか、指定した角度に基づいて画像を時計回りに回転させます。

画像の色を変更する

  • 明るい: 画像の明るさ。

  • コントラスト: 画像のコントラスト。

  • シャープ: 画像のシャープネス。

画像の明るさ、コントラスト、シャープネスを調整します。

透かしの追加

ウォーターマーク

画像またはテキストの透かしを画像に追加します。

クエリイメージ情報

info

幅、高さ、形式、品質などの画像情報を照会します。