通過格式轉換參數,您無需將圖片下載到本地進行轉換,只需指定URL轉換存儲在OSS內原圖的格式。本文介紹對圖片進行格式轉換時所用到的參數及示例。
使用場景
適應不同設備和平臺:不同設備和平臺支持不同圖片格式。通過OSS圖片格式轉換,確保圖片在各種終端上的兼容性和最佳顯示效果。
節省存儲成本:某些圖片格式(如WebP)在保證視覺質量的前提下,文件大小較小。通過格式轉換功能,可以減少存儲空間占用,降低存儲成本。
統一資源管理:在電商、社交、媒體等行業中,您可以將上傳的圖片統一轉換成指定格式,便于后續管理和分發。
注意事項
圖片處理包含縮放操作時,建議將格式轉換參數放在處理參數的最后。例如
image/resize,w_100/format,jpg
。圖片處理同時包含縮放和水印操作時,格式轉換參數應添加在縮放參數之后。例如
image/resize,w_100/format,jpg/watermark,...
。如果原圖沒有透明通道,轉換成PNG、Web、BMP等存在透明通道的格式時,默認會把透明填充成白色。請注意,OSS不支持將透明色填充為黑色。
操作方式
您可以通過文件URL、SDK、API方式設置圖片處理參數。使用文件URL僅適用于公共訪問的圖片。如果是私有訪問的圖片,請使用SDK、API處理圖片。更多信息,請參見圖片處理操作方式。
公共讀圖片
對于公共讀的圖片,可以直接在圖片URL后添加處理參數,以允許任何人永久匿名訪問處理后的圖片。
以下是公共讀圖片URL添加?x-oss-process=image/format,parame_value
參數的操作說明,您只需要根據您的業務需求將parame_value
替換為具體的參數和值,同時,支持多個參數之間的組合使用。
原始圖片URL | 添加處理參數后的圖片URL |
https://oss-console-img-demo-cn-hangzhou-3az.oss-cn-hangzhou.aliyuncs.com/example.gif |
私有圖片
您可以通過阿里云SDK以及REST API對私有圖片進行格式轉換。
使用阿里云SDK
以下僅列舉常見SDK轉換圖片格式的代碼示例。如需使用其他SDK轉換圖片格式的代碼示例,請參見SDK簡介。
Java
要求使用3.17.4及以上版本的Java SDK。
import com.aliyun.oss.*;
import com.aliyun.oss.common.auth.*;
import com.aliyun.oss.common.comm.SignVersion;
import com.aliyun.oss.model.GetObjectRequest;
import java.io.File;
public class Demo {
public static void main(String[] args) throws Throwable {
// Endpoint以華東1(杭州)為例,其它Region請按實際情況填寫。
String endpoint = "https://oss-cn-hangzhou.aliyuncs.com";
// 填寫Endpoint對應的Region信息,例如cn-hangzhou。
String region = "cn-hangzhou";
// 從環境變量中獲取訪問憑證。運行本代碼示例之前,請確保已設置環境變量OSS_ACCESS_KEY_ID和OSS_ACCESS_KEY_SECRET。
EnvironmentVariableCredentialsProvider credentialsProvider = CredentialsProviderFactory.newEnvironmentVariableCredentialsProvider();
// 填寫Bucket名稱,例如examplebucket。
String bucketName = "examplebucket";
// 填寫Object完整路徑。Object完整路徑中不能包含Bucket名稱。
String objectName = "src.gif";
// 填寫本地文件的完整路徑,例如D:\\dest.jpg。如果指定的本地文件存在會覆蓋,不存在則新建。
String pathName = "D:\\dest.png";
// 創建OSSClient實例。
ClientBuilderConfiguration clientBuilderConfiguration = new ClientBuilderConfiguration();
clientBuilderConfiguration.setSignatureVersion(SignVersion.V4);
OSS ossClient = OSSClientBuilder.create()
.endpoint(endpoint)
.credentialsProvider(credentialsProvider)
.clientConfiguration(clientBuilderConfiguration)
.region(region)
.build();
try {
// 將原圖轉換為PNG格式。
String image = "image/format,png";
GetObjectRequest request = new GetObjectRequest(bucketName, objectName);
request.setProcess(image);
// 將處理后的圖片命名為dest.png并保存到本地。
// 如果未指定本地路徑只填寫了文件名稱(例如dest.png),則文件默認保存到示例程序所屬項目對應本地路徑中。
ossClient.getObject(request, new File("D:\\dest.png"));
} catch (OSSException oe) {
System.out.println("Caught an OSSException, which means your request made it to OSS, "
+ "but was rejected with an error response for some reason.");
System.out.println("Error Message:" + oe.getErrorMessage());
System.out.println("Error Code:" + oe.getErrorCode());
System.out.println("Request ID:" + oe.getRequestId());
System.out.println("Host ID:" + oe.getHostId());
} catch (ClientException ce) {
System.out.println("Caught an ClientException, which means the client encountered "
+ "a serious internal problem while trying to communicate with OSS, "
+ "such as not being able to access the network.");
System.out.println("Error Message:" + ce.getMessage());
} finally {
if (ossClient != null) {
ossClient.shutdown();
}
}
}
}
PHP
要求使用PHP SDK 2.7.0及以上版本。
<?php
if (is_file(__DIR__ . '/../autoload.php')) {
require_once __DIR__ . '/../autoload.php';
}
if (is_file(__DIR__ . '/../vendor/autoload.php')) {
require_once __DIR__ . '/../vendor/autoload.php';
}
use OSS\Credentials\EnvironmentVariableCredentialsProvider;
use OSS\OssClient;
// 從環境變量中獲取訪問憑證。運行本代碼示例之前,請確保已設置環境變量OSS_ACCESS_KEY_ID和OSS_ACCESS_KEY_SECRET。
$provider = new EnvironmentVariableCredentialsProvider();
// yourEndpoint填寫Bucket所在地域對應的Endpoint。以華東1(杭州)為例,Endpoint填寫為https://oss-cn-hangzhou.aliyuncs.com。
$endpoint = "https://oss-cn-hangzhou.aliyuncs.com";
// 填寫Bucket名稱,例如examplebucket。
$bucket= "examplebucket";
// 填寫Object完整路徑。Object完整路徑中不能包含Bucket名稱。
$object = "src.gif";
// 填寫本地文件的完整路徑,例如D:\\dest.png。如果指定的本地文件存在會覆蓋,不存在則新建。
// 如果未指定本地路徑只填寫了本地文件名稱(例如dest.png),則文件默認保存到示例程序所屬項目對應本地路徑中。
$download_file = "D:\\dest.png";
$config = array(
"provider" => $provider,
"endpoint" => $endpoint,
"signatureVersion" => OssClient::OSS_SIGNATURE_VERSION_V4,
// 填寫阿里云通用Region ID。
"region" => "cn-hangzhou"
);
$ossClient = new OssClient($config);
// 將原圖轉換為PNG格式。
$image = "image/format,png";
$options = array(
OssClient::OSS_FILE_DOWNLOAD => $download_file,
OssClient::OSS_PROCESS => $image);
// 將處理后的圖片保存到本地。
$ossClient->getObject($bucket, $object, $options);
Python
要求使用Python SDK 2.18.4及以上版本。
# -*- coding: utf-8 -*-
import oss2
from oss2.credentials import EnvironmentVariableCredentialsProvider
# 從環境變量中獲取訪問憑證。運行本代碼示例之前,請確保已設置環境變量OSS_ACCESS_KEY_ID和OSS_ACCESS_KEY_SECRET。
auth = oss2.ProviderAuthV4(EnvironmentVariableCredentialsProvider())
# yourEndpoint填寫Bucket所在地域對應的Endpoint。以華東1(杭州)為例,Endpoint填寫為https://oss-cn-hangzhou.aliyuncs.com。
## 填寫Bucket所在地域對應的Endpoint。以華東1(杭州)為例,Endpoint填寫為https://oss-cn-hangzhou.aliyuncs.com。
endpoint = 'https://oss-cn-hangzhou.aliyuncs.com'
# 填寫阿里云通用Region ID。
region = 'cn-hangzhou'
bucket = oss2.Bucket(auth, endpoint, 'examplebucket', region=region)
# 指定原圖名稱。如果圖片不在Bucket根目錄,需攜帶圖片完整路徑,例如exampledir/src.gif。
key = 'src.gif'
# 指定處理后的圖片名稱。
new_pic = 'D:\\dest.png'
# 將原圖轉換為PNG格式。
image = 'image/format,png'
bucket.get_object_to_file(key, new_pic, process=image)
Go
要求使用Go SDK 3.0.2及以上版本。
package main
import (
"fmt"
"os"
"github.com/aliyun/aliyun-oss-go-sdk/oss"
)
func HandleError(err error) {
fmt.Println("Error:", err)
os.Exit(-1)
}
func main() {
// 從環境變量中獲取訪問憑證。運行本代碼示例之前,請確保已設置環境變量OSS_ACCESS_KEY_ID和OSS_ACCESS_KEY_SECRET。
provider, err := oss.NewEnvironmentVariableCredentialsProvider()
if err != nil {
fmt.Println("Error:", err)
os.Exit(-1)
}
// 創建OSSClient實例。
// yourEndpoint填寫Bucket對應的Endpoint,以華東1(杭州)為例,填寫為https://oss-cn-hangzhou.aliyuncs.com。其它Region請按實際情況填寫。
client, err := oss.New("https://oss-cn-hangzhou.aliyuncs.com", "", "", oss.SetCredentialsProvider(&provider), oss.AuthVersion(oss.AuthV4), oss.Region("cn-hangzhou"))
if err != nil {
HandleError(err)
}
// 指定原圖所在的Bucket名稱,例如examplebucket。
bucketName := "examplebucket"
bucket, err := client.Bucket(bucketName)
if err != nil {
HandleError(err)
}
// 指定原圖名稱。如果圖片不在Bucket根目錄,需攜帶圖片完整路徑,例如exampledir/src.gif。
sourceImageName := "src.gif"
// 指定處理后的圖片名稱。
targetImageName := "D://dest.png"
// 將原圖轉換為PNG格式。
image := "image/format,png"
err = bucket.GetObjectToFile(sourceImageName, targetImageName, oss.Process(image))
if err != nil {
HandleError(err)
}
}
使用REST API
如果您的程序自定義要求較高,您可以直接發起REST API請求。直接發起REST API請求需要手動編寫代碼計算簽名,關于公共請求頭Authorization的計算方法,請參見簽名版本4(推薦)。
您可以通過在GetObject接口中添加格式轉換參數的方式來處理圖片。更多信息,請參見GetObject。
GET /oss.jpg?x-oss-process=image/format,png HTTP/1.1
Host: oss-example.oss-cn-hangzhou.aliyuncs.com
Date: Fri, 28 Oct 2022 06:40:10 GMT
Authorization: AuthorizationValue
參數說明
操作名稱:format
取值范圍 | 描述 |
jpg | 將原圖保存為JPG格式。 重要 不支持將存在透明通道的HEIC格式的圖片保存為JPG格式。 |
png | 將原圖保存為PNG格式。 |
webp | 將原圖保存為WebP格式。 |
bmp | 將原圖保存為BMP格式。 |
gif | 原圖為GIF圖片則繼續保存為GIF格式;原圖不是GIF圖片,則按原圖格式保存。 |
tiff | 將原圖保存為TIFF格式。 |
heic | 將原圖保存為HEIF格式。 說明 僅華北3(張家口)、華東2(上海)、華南1(深圳)、華東1(杭州)、華北2(北京)、新加坡地域支持HEIF格式。 |
avif | 將原圖保存為AVIF格式。 說明 僅華北3(張家口)、華東2(上海)、華南1(深圳)、華東1(杭州)、華北2(北京)、新加坡地域支持AVIF格式。 |
使用示例
原圖轉換為PNG格式
處理參數如下:
圖片轉換為PNG格式:
format,png
對于公共讀寫圖片,您可以在圖片URL末尾添加?x-oss-process=image/format,png
,OSS將實時處理該圖片,返回處理后的結果。如果您想對您的私有圖片進行格式轉換,請參見私有圖片。
效果示例
以下在原圖URL后拼接?x-oss-process=image/format,png
參數將GIF圖片轉換為PNG格式:
原圖 | 處理后的圖片 |
原圖URL: https://oss-console-img-demo-cn-hangzhou-3az.oss-cn-hangzhou.aliyuncs.com/example.gif |
原圖轉換為JPG格式并漸進顯示
處理參數如下:
圖片轉換為JPG格式:
format,jpg
圖片設置為漸進顯示:
interlace,1
對于公共讀寫圖片,您可以在圖片URL末尾添加?x-oss-process=image/interlace,1/format,jpg
,OSS將實時處理該圖片,返回處理后的結果。如果您想對您的私有圖片進行格式轉換,請參見私有圖片。
效果示例
以下在原圖URL后拼接?x-oss-process=image/interlace,1/format,jpg
參數將GIF圖片轉換成JPG格式,并支持漸進顯示:
原圖 | 處理后的圖片 |
原圖URL: https://oss-console-img-demo-cn-hangzhou-3az.oss-cn-hangzhou.aliyuncs.com/example.gif |
原圖轉換為WebP格式并縮放
處理參數如下:
圖片轉換為WebP格式:
format,webp
圖片縮放為寬200 px:
resize,w_200
對于公共讀寫圖片,您可以在圖片URL末尾添加?x-oss-process=image/resize,w_200/format,webp
時,OSS將實時處理該圖片,返回處理后的結果。如果您想對您的私有圖片進行格式轉換,請參見私有圖片。
效果示例
以下在原圖URL后拼接x-oss-process=image/resize,w_200/format,webp
參數將GIF原圖縮放為寬200 px,并轉換為WebP格式:
原圖 | 處理后的圖片 |
原圖URL: https://oss-console-img-demo-cn-hangzhou-3az.oss-cn-hangzhou.aliyuncs.com/example.gif | 圖片處理URL: |
常見問題
圖片格式轉換時出現黑邊怎么辦?
圖片格式有默認質量,進行格式轉換時如果沒有指定質量,將按照默認質量進行轉換,此時可能會出現圖片有黑邊的情況。
如果您希望提升圖片質量,建議您轉換格式時同步將質量指定為100(?x-oss-process=image/quality,Q_100)。關于質量變換的更多信息,請參見質量變換。
圖片格式轉換的處理過程是否會影響頁面加載速度?
圖片格式轉換的處理過程會影響您的頁面加載速度。
GIF可以轉換MP4格式么?
如果需要將GIF轉換成MP4格式,請提交工單申請。