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

CDN:イメージのトリミング

最終更新日:Jan 29, 2024

画像をトリミングして、画像内の無関係な部分や重複する部分を削除したり、画像の主要部分を強調したり、画像のアスペクト比を調整したりできます。 リクエストURLにトリミングパラメーターを追加して、Alibaba Cloud CDNの画像を特定のサイズにトリミングできます。

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

  • 画像編集は有料サービスで、追って通知があるまで無料です。

パラメーター

アクションをトリミングまたはサークルに設定します。

下表に、各パラメーターを説明します。

説明

前のパラメータの1つが負の値に設定されている場合、画像は元のサイズのままです。

パラメーター

説明

有効値

w

切り取られた領域の幅。

デフォルト値は 0 です。 画像の合計ピクセルは16,777,216ピクセルを超えることはできません。

h

トリミングされた領域の高さ。

x

トリミングされた領域のX座標。 デフォルト値は、画像の左上隅のX座標です。

y

トリミングされた領域のY座標。 デフォルト値は、画像の左上隅のY座標です。

g

3x3グリッドでトリミングするエリアの位置。 画像は3x3のグリッドに配置され、9つのタイルがあります。 各タイルは、その左上隅によって配置される。

  • nw: 左上

  • 北: アッパーミドル

  • ne: 右上

  • west: 中央左

  • センター: センター

  • 東: ミドル右

  • sw: 左下

  • 南: 下ミドル

  • se: 右下

詳細については、3x3グリッド内の各タイルの位置を示す次の図を参照してください。

次の図は、3x3グリッド内の各タイルの位置を示しています。图片裁剪

次の表に、画像をトリミングする方法を示します。

機能

説明

円形のトリミング

円の半径を指定して画像をトリミングできます。 半径は、ベース画像の短辺の長さの半分を超えることはできません。

http(s):// example.com/image01.png?image_process=circle,200

3x3グリッドでのトリミング

画像は、3 × 3のグリッドによって表すことができる。 トリミングするグリッド内のタイルの位置を指定できます。

http(s):// example.com/image01.png?image_process=crop,w_200,h_200,g_se

XおよびY座標に基づくトリミング

X座標、y座標、幅、および高さを指定して、画像をトリミングできます。 XとYの座標は、トリミングされた領域の左下の角を表します。 幅と高さは、切り取られた領域のサイズを指定します。

http(s):// example.com/image01.png?image_process=crop,x_10,y_10,w_400,h_200

中心トリミング

幅と高さを指定して、4辺すべてを一度に均等にトリミングできます。

http(s):// example.com/image01.png?image_process=crop,mid,w_400,h_200