您可以通過漸進顯示參數,將OSS記憶體儲的原圖修改為漸進顯示。本文介紹設定圖片漸進顯示時所用到的參數及樣本。
當網路環境較差或圖片較大時,圖片在網頁上有兩種顯示方式:
標準顯示:圖片會按照從上到下的順序一行一行地載入顯示。
漸進顯示:先顯示整個圖片的模糊輪廓,然後逐漸載入直至顯示完整的圖片。
目前,圖片處理的漸進顯示操作僅適用於將原圖處理為JPG格式圖片的情況,若原圖不為JPG格式的圖片,您需要增加format,jpg
參數將圖片改為JPG格式。
參數說明
操作名稱:interlace
參數說明如下:
參數 | 描述 | 取值 |
[value] | 指定是否設定圖片為漸進顯示。 | 0、1
|
樣本
您可以通過檔案URL、SDK、API方式設定圖片處理參數。本文以檔案URL為例進行介紹。檔案URL僅適用於公用訪問的圖片。如果是私人訪問的圖片,請使用SDK、API處理圖片。更多資訊,請參見圖片處理操作方式。
本文樣本使用的Bucket為杭州地區名為oss-console-img-demo-cn-hangzhou的Bucket,Bucket的外網訪問地址為:https://oss-console-img-demo-cn-hangzhou.oss-cn-hangzhou.aliyuncs.com
,使用的圖片是根目錄下example.jpg和panda.png兩張圖片。
將原圖格式為JPG的圖片縮放成寬200 px,並設定成漸進顯示
需求及處理參數如下:
圖片縮放為寬200 px:
resize,w_200
圖片設為漸進顯示:
interlace,1
將PNG格式的圖片儲存為JPG格式,之後設定成漸進顯示
需求及處理參數如下:
圖片轉換為JPG格式:
format,jpg
圖片設為漸進顯示:
interlace,1