段階的表示パラメータを使用して、OSSに保存されているソースイメージの段階的表示を設定できます。 このトピックでは、段階的な表示を設定するためのパラメーターと例について説明します。
- 標準ディスプレイ: 画像を上から下に行ごとにロードして表示します。
- 段階的表示: 画像のあいまいな輪郭を表示し、完全な画像が表示されるまで画像を徐々に読み込みます。
format,jpg
パラメーターを追加して、イメージの形式をJPGに変換する必要があります。パラメーター
操作名: interlace
次の表にパラメーターを示します。
パラメーター | 説明 | 有効値 |
[値] | イメージを段階的に表示するかどうかを指定します。 | 0と1
|
例
オブジェクトURL、OSS SDK、またはAPI操作を使用して、イメージの処理に使用されるIMGパラメーターを設定できます。 この例では、オブジェクトURLが使用されます。 オブジェクトURLを使用して、パブリック読み取りイメージに対してのみIMGパラメーターを設定できます。 プライベートイメージのIMGパラメーターを設定する場合は、OSS SDKまたはAPI操作を使用します。 詳細については、「IMG実装モード」をご参照ください。
例として、中国 (杭州) リージョンにあるoss-console-img-demo-cn-hangzhouバケットを使用します。 イメージのパブリックエンドポイントがhttps://oss-console-img-demo-cn-hangzhou.oss-cn-hangzhou.aliyuncs.com
です。 使用される画像は、ルートフォルダ内のexample.jpgとpanda.pngです。
- 画像のサイズを200ピクセルの幅に変更し、画像を段階的に表示するように設定します要件とパラメータ:
- 画像のサイズを200ピクセルの幅に変更する:
Resize, w_200
- 画像を段階的な表示に設定する:
interlace,1
画像の処理に使用されるURLは、次の形式です。https://oss-console-img-demo-cn-hangzhou.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/resize,w_200/interlace,1
- 画像のサイズを200ピクセルの幅に変更する:
- PNG画像をJPG画像として保存し、画像を段階的に表示するように設定します要件とパラメータ:
- 画像のフォーマットをJPG:
format,jpg
に変換する - 画像を段階的な表示に設定する:
interlace,1
画像の処理に使用されるURLは、次の形式です。https://oss-console-img-demo-cn-hangzhou.oss-cn-hangzhou.aliyuncs.com/panda.png?x-oss-process=image/format,jpg/interlace,1
- 画像のフォーマットをJPG: