全部產品
Search
文件中心

Object Storage Service:格式轉換

更新時間:Dec 10, 2024

通過格式轉換參數,您無需將圖片下載到本地進行轉換,只需指定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

https://oss-console-img-demo-cn-hangzhou-3az.oss-cn-hangzhou.aliyuncs.com/example.gif?x-oss-process=image/format,png

私人圖片

您可以通過阿里雲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格式。

使用樣本

原圖轉換為PNG格式

處理參數如下:

  • 圖片轉換為PNG格式:format,png

對於公用讀寫圖片,您可以在圖片URL末尾添加?x-oss-process=image/format,png,OSS將即時處理該圖片,返回處理後的結果。如果您想對您的私人圖片進行格式轉換,請參見私人圖片

效果樣本

以下在原圖URL後拼接?x-oss-process=image/format,png參數將GIF圖片轉換為PNG格式:

原圖

處理後的圖片

gif

png

原圖URL:

https://oss-console-img-demo-cn-hangzhou-3az.oss-cn-hangzhou.aliyuncs.com/example.gif

圖片處理URL: https://oss-console-img-demo-cn-hangzhou-3az.oss-cn-hangzhou.aliyuncs.com/example.gif?x-oss-process=image/format,png

原圖轉換為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格式,並支援漸進顯示:

原圖

處理後的圖片

gif

image

原圖URL:

https://oss-console-img-demo-cn-hangzhou-3az.oss-cn-hangzhou.aliyuncs.com/example.gif

圖片處理URL: https://oss-console-img-demo-cn-hangzhou-3az.oss-cn-hangzhou.aliyuncs.com/example.gif?x-oss-process=image/interlace,1/format,jpg

原圖轉換為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格式:

原圖

處理後的圖片

gif

原圖URL:

https://oss-console-img-demo-cn-hangzhou-3az.oss-cn-hangzhou.aliyuncs.com/example.gif

圖片處理URL:

https://oss-console-img-demo-cn-hangzhou-3az.oss-cn-hangzhou.aliyuncs.com/example.gif?x-oss-process=image/resize,w_200/format,webp

常見問題

圖片格式轉換時出現黑邊怎麼辦?

圖片格式有預設品質,進行格式轉換時如果沒有指定品質,將按照預設品質進行轉換,此時可能會出現圖片有黑邊的情況。

如果您希望增益圖片品質,建議您轉換格式時同步將品質指定為100(?x-oss-process=image/quality,Q_100)。關於品質變換的更多資訊,請參見品質變換

圖片格式轉換的處理過程是否會影響頁面載入速度?

圖片格式轉換的處理過程會影響您的頁面載入速度。

GIF可以轉換MP4格式嗎?

如果需要將GIF轉換成MP4格式,請提交工單申請。