Agregue parámetros de cambio de tamaño a una solicitud GetObject para modificar las dimensiones de las imágenes al vuelo.
Escenarios
Diseño web: adapte las imágenes a distintos tamaños de pantalla y resoluciones en aplicaciones web y móviles.
Redes sociales: convierta las imágenes que suben los usuarios a dimensiones de vista previa estándar.
Reconocimiento y análisis de imágenes: escale las imágenes para mejorar la eficiencia del procesamiento en flujos de visión artificial y aprendizaje automático.
Límites
|
Límite |
Elemento |
Descripción |
|
Límites de la imagen original |
Formato de imagen |
La imagen original debe estar en formato JPG, PNG, BMP, GIF, WebP, TIFF o HEIC. |
|
Tamaño del archivo |
La imagen original no puede superar los 20 MB. Para aumentar este límite, envíe una solicitud en Quota Center. |
|
|
Ancho y alto |
El ancho o el alto de la imagen original no puede superar los 30,000 px, y el total de píxeles no puede exceder los 250 millones de px. Nota
En las imágenes animadas, como los archivos GIF, el total de píxeles se calcula como |
|
|
Límites de la imagen escalada |
Escalado de imagen |
El ancho o el alto de una imagen escalada no puede superar los 16,384 px, y su total de píxeles no puede exceder los 16,777,216 px. |
Procedimiento
Agregue ?x-oss-process=image/resize,parameter_value a la URL de una imagen. OSS procesa la imagen en tiempo real y devuelve el resultado. image/resize indica la operación de cambio de tamaño, donde parameter es un parámetro compatible y value es su valor correspondiente. Todos los parámetros disponibles se enumeran en Parameters. Es posible combinar varios parámetros.
Para las imágenes de lectura pública, agregue los parámetros directamente a la URL. Para las imágenes privadas, genere una URL firmada mediante un SDK o llame a una operación de API.
Imágenes de lectura pública
Agregue ?x-oss-process=image/resize,parameter_value a la URL de una imagen de lectura pública. Reemplace parameter_value con los parámetros y valores obligatorios.
|
URL de la imagen original |
URL de la imagen con parámetros de cambio de tamaño |
|
https://oss-console-img-demo-cn-hangzhou-3az.oss-cn-hangzhou.aliyuncs.com/example1.jpg |
Imágenes privadas
Utilice un SDK de OSS para generar una URL firmada que incluya los parámetros de cambio de tamaño de imagen. A continuación se muestran ejemplos para generar una URL firmada con ?x-oss-process=image/resize,parameter_value para una imagen privada:
Java
package com.aliyun.oss.demo;
import com.aliyun.oss.*;
import com.aliyun.oss.common.auth.*;
import com.aliyun.oss.common.comm.SignVersion;
import com.aliyun.oss.model.GeneratePresignedUrlRequest;
import java.net.URL;
import java.util.Date;
public class Demo {
public static void main(String[] args) throws Throwable {
// This example uses the endpoint of the China (Hangzhou) region. Replace the value with the actual endpoint.
String endpoint = "https://oss-cn-hangzhou.aliyuncs.com";
// Obtain credentials from environment variables. Ensure that the OSS_ACCESS_KEY_ID and OSS_ACCESS_KEY_SECRET variables are configured before running the code.
EnvironmentVariableCredentialsProvider credentialsProvider = CredentialsProviderFactory.newEnvironmentVariableCredentialsProvider();
// Specify the bucket name. Example: examplebucket.
String bucketName = "examplebucket";
// Specify the object's full path. If the object is not in the bucket's root directory, you must include its full path, such as exampledir/exampleobject.png.
String objectName = "exampledir/exampleobject.png";
// Specify the region ID where the bucket is located. For example, the region ID for China (Hangzhou) is cn-hangzhou.
String region = "cn-hangzhou";
// Create an OSSClient instance.
// Call the shutdown method to release resources when the OSSClient instance is no longer needed.
ClientBuilderConfiguration clientBuilderConfiguration = new ClientBuilderConfiguration();
clientBuilderConfiguration.setSignatureVersion(SignVersion.V4);
OSS ossClient = OSSClientBuilder.create()
.endpoint(endpoint)
.credentialsProvider(credentialsProvider)
.clientConfiguration(clientBuilderConfiguration)
.region(region)
.build();
try {
// Resize the image. Replace parameter_value with a specific parameter and value. For example, p_50 proportionally scales the image to 50% of its original size.
String style = "image/resize,parameter_value";
// Specify the expiration time of the signed URL. In this example, the signed URL expires in 3,600 seconds.
Date expiration = new Date(new Date().getTime() + 3600 );
GeneratePresignedUrlRequest req = new GeneratePresignedUrlRequest(bucketName, objectName, HttpMethod.GET);
req.setExpiration(expiration);
req.setProcess(style);
URL signedUrl = ossClient.generatePresignedUrl(req);
System.out.println(signedUrl);
} 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();
}
}
}
}
Python
# -*- coding: utf-8 -*-
import oss2
from oss2.credentials import EnvironmentVariableCredentialsProvider
# Obtain credentials from environment variables. Before you run this sample code, make sure that the OSS_ACCESS_KEY_ID and OSS_ACCESS_KEY_SECRET environment variables are configured.
auth = oss2.ProviderAuthV4(EnvironmentVariableCredentialsProvider())
# Specify the bucket name.
bucket = 'examplebucket'
# Specify the endpoint of the region where the bucket is located. This example uses the China (Hangzhou) region.
endpoint = 'https://oss-cn-hangzhou.aliyuncs.com'
# Specify the region ID.
region = 'cn-hangzhou'
bucket = oss2.Bucket(auth, endpoint, bucket, region=region)
# Specify the name of the source image. If the image is not in the root directory of the bucket, include the full path, such as exampledir/exampleobject.jpg.
key = 'exampledir/exampleobject.png'
# Specify the expiration time in seconds.
expire_time = 3600
# Resize the image. Replace parameter_value with a specific parameter and value. For example, p_50 proportionally scales the image to 50% of its original size.
image_process = 'image/resize,parameter_value'
# Generate a signed URL that includes image processing parameters.
url = bucket.sign_url('GET', key, expire_time, params={'x-oss-process': image_process}, slash_safe=True)
# Print the signed URL.
print(url)
PHP
<?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;
// Obtain credentials from environment variables. Before you run this sample code, make sure that the OSS_ACCESS_KEY_ID and OSS_ACCESS_KEY_SECRET environment variables are configured.
$provider = new EnvironmentVariableCredentialsProvider();
// Set $endpoint to your bucket's region endpoint. For example, for a bucket in the China (Hangzhou) region, use https://oss-cn-hangzhou.aliyuncs.com.
$endpoint = "yourEndpoint";
// Specify the bucket name. Example: examplebucket.
$bucket= "examplebucket";
// Specify the full path of the object, such as exampledir/exampleobject.jpg. The full path cannot contain the bucket name.
$object = "exampledir/exampleobject.jpg";
$config = array(
"provider" => $provider,
"endpoint" => $endpoint,
"signatureVersion" => OssClient::OSS_SIGNATURE_VERSION_V4,
"region"=> "cn-hangzhou"
);
$ossClient = new OssClient($config);
// Generate a signed URL with image processing parameters. The URL is valid for 3,600 seconds and can be directly accessed in a browser.
$timeout = 3600;
$options = array(
// Resize the image. Replace parameter_value with a specific parameter and value. For example, p_50 proportionally scales the image to 50% of its original size.
OssClient::OSS_PROCESS => "image/resize,parameter_value");
$signedUrl = $ossClient->signUrl($bucket, $object, $timeout, "GET", $options);
print("signed url: \n" . $signedUrl);
Go
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() {
// Obtain credentials from environment variables. Before you run this sample code, make sure that the OSS_ACCESS_KEY_ID and OSS_ACCESS_KEY_SECRET environment variables are configured.
provider, err := oss.NewEnvironmentVariableCredentialsProvider()
if err != nil {
fmt.Println("Error:", err)
os.Exit(-1)
}
// Create an OSSClient instance.
// Set yourEndpoint to the endpoint for your bucket's region. This example uses https://oss-cn-hangzhou.aliyuncs.com for the China (Hangzhou) region. Replace it with your actual endpoint.
// Set yourRegion to the region where your bucket is located. This example uses cn-hangzhou for the China (Hangzhou) region. Replace it with your actual region.
clientOptions := []oss.ClientOption{oss.SetCredentialsProvider(&provider)}
clientOptions = append(clientOptions, oss.Region("yourRegion"))
// Set the signature version.
clientOptions = append(clientOptions, oss.AuthVersion(oss.AuthV4))
client, err := oss.New("yourEndpoint", "", "", clientOptions...)
if err != nil {
HandleError(err)
}
// Specify the bucket name.
bucketName := "examplebucket"
bucket, err := client.Bucket(bucketName)
if err != nil {
HandleError(err)
}
// Specify the image's full path. If the image is not in the bucket's root directory, include the full path (e.g., exampledir/exampleobject.png).
ossImageName := "exampledir/exampleobject.png"
// Generate a signed URL that is valid for 3,600 seconds. The maximum validity period is 32,400 seconds.
// Resize the image. Replace parameter_value with a specific parameter and value. For example, p_50 proportionally scales the image to 50% of its original size.
signedURL, err := bucket.SignURL(ossImageName, oss.HTTPGet, 3600, oss.Process("image/resize,parameter_value"))
if err != nil {
HandleError(err)
} else {
fmt.Println(signedURL)
}
}
A continuación se muestra un ejemplo de una URL firmada generada:
https://examplebucket.oss-cn-hangzhou.aliyuncs.com/exampledir/exampleobject.png?x-oss-process=image%2Fresize%2Cp_50&x-oss-date=20241111T113707Z&x-oss-expires=3600&x-oss-signature-version=OSS4-HMAC-SHA256&x-oss-credential=LTAI********************%2F20241111%2Fcn-hangzhou%2Foss%2Faliyun_v4_request&x-oss-signature=6fd07a2ba50bf6891474dc56aed976b556b6fbcd901cfd01bcde5399bf4802cb
Consulte más ejemplos de SDK en SDK reference.
Parámetros
Operación: resize
Escalado proporcional
El parámetro p escala una imagen según un porcentaje de su tamaño original.
|
Parámetro |
Descripción |
Valor |
|
p |
Factor de escalado expresado como porcentaje. |
Número entero en el rango [1, 1000]. Un valor menor que 100 reduce la imagen, mientras que uno mayor que 100 la amplía. |
Las imágenes animadas no admiten este tipo de escalado proporcional.
Escalado por ancho y alto
Use los parámetros w y h para especificar el ancho y el alto, y el parámetro m para controlar el modo de escalado. Si necesita controlar el lado más largo o el más corto, utilice el parámetro l o s. Para permitir la ampliación, establezca el parámetro limit en 0.
|
Parámetro |
Descripción |
Valor |
|
w |
Especifica el ancho de la imagen de salida, en píxeles. |
[1,16384] |
|
h |
Especifica el alto de la imagen de salida, en píxeles. |
[1,16384] |
|
m |
Especifica el modo de escalado. |
Cada modo se ilustra en Scaling calculation methods. Nota
Si especifica el parámetro |
|
l |
Especifica el lado más largo de la imagen de salida, en píxeles. Nota
El lado más largo es el mayor entre el ancho y el alto. Por ejemplo, en una imagen de 100 px × 200 px, el lado más largo mide 200 px y el más corto 100 px. |
[1,16384] |
|
s |
Especifica el lado más corto de la imagen de salida, en píxeles. |
[1,16384] |
|
limit |
Indica si se permite ampliar la imagen cuando las dimensiones objetivo son mayores que las originales. Importante
De forma predeterminada, si las dimensiones objetivo superan a las originales, se devuelve la imagen original. Para permitir la ampliación, establezca el parámetro |
Nota
Las imágenes animadas solo se pueden reducir al especificar un ancho y un alto. No admiten el escalado proporcional ni la ampliación. |
|
color |
Establece el color de relleno cuando el modo de escalado es pad. |
Valor de color RGB. Por ejemplo, 000000 representa el negro y FFFFFF representa el blanco. Valor predeterminado: FFFFFF (blanco) |
-
Si especifica únicamente el ancho o únicamente el alto:
Cuando el modo de escalado es lfit, mfit o fixed, la imagen se escala de forma proporcional. Por ejemplo, si la imagen original mide 256 px × 144 px y se escala el alto a 100 px, el ancho se ajusta a 178 px.
Cuando el modo de escalado es pad o fill, el ancho y el alto de la imagen original se escalan a los valores especificados. Por ejemplo, si la imagen original mide 256 px × 144 px y se escala el alto a 100 px, el ancho también se ajusta a 100 px.
Si especifica únicamente el parámetro
los, la imagen se escala de forma proporcional a la longitud de lado indicada. El parámetromse ignora.Cuando se especifican tanto
lcomos, el parámetromdetermina el comportamiento de escalado. La relación de aspecto siempre se conserva. Si no se especifica el parámetrom, se utiliza el modolfitpredeterminado.
Métodos de escalado
|
Tamaño de la imagen original |
Tamaño objetivo |
Modo de escalado |
Tamaño escalado |
|
200 px × 100 px |
150 px × 80 px |
lfit (predeterminado) Escala la imagen de forma proporcional para crear la miniatura más grande que quepa dentro de las dimensiones objetivo. |
150 px × 75 px
|
|
mfit Escala la imagen de forma proporcional para crear la miniatura más pequeña que cubra por completo las dimensiones objetivo. |
160 px × 80 px
|
||
|
fill Escala la imagen de forma proporcional hasta cubrir por completo el ancho y alto objetivo, y luego recorta el exceso para ajustarse a dichas dimensiones. |
150 px × 80 px
|
||
|
pad Escala la imagen de forma proporcional para que quepa dentro del ancho y alto objetivo, y luego rellena el área restante con un color sólido hasta alcanzar las dimensiones objetivo. |
150 px × 80 px
|
||
|
fixed Escala la imagen exactamente al ancho y alto indicados, sin respetar su relación de aspecto. Esto puede distorsionar la imagen. |
150 px × 80 px
|
En los modos lfit y mfit, si el cálculo de escalado produce un valor decimal, las dimensiones se redondean al número entero más cercano.
Ejemplos
Escalar hacia abajo proporcionalmente
Escalar hacia arriba proporcionalmente
Reducción con ancho fijo
Ampliación con ancho fijo
Reducción con altura fija
Ampliación con altura fija
Escalar según el lado más largo
Escalar según el lado más corto
Escalar y rellenar
Escalar y recortar
Escalado forzado
Facturación
El escalado de imágenes genera los cargos que se describen a continuación. Para conocer los detalles de precios, consulte Precios de OSS.
-
API
Elemento facturable
Descripción
GetObject
Solicitudes GET
Se le cobran cargos por solicitud según la cantidad de solicitudes exitosas.
Tráfico de salida por Internet
Si llama a la operación GetObject mediante un endpoint público, como oss-cn-hangzhou.aliyuncs.com, o un endpoint de aceleración, como oss-accelerate.aliyuncs.com, se le cobran cargos por tráfico de salida por Internet según el volumen de datos.
Recuperación de objetos IA
Si recupera objetos IA, se le cobran cargos por recuperación de datos IA según el tamaño de los datos recuperados.
Recuperación de objetos Archive en un bucket con acceso en tiempo real habilitado
Si recupera objetos Archive en un bucket con acceso en tiempo real habilitado, se le cobran cargos por recuperación de datos Archive según el tamaño de los objetos recuperados.
Cargos por aceleración de transferencia
Si habilita la aceleración de transferencia y usa un endpoint de aceleración para acceder a su bucket, se le cobran cargos por aceleración de transferencia según el volumen de datos.
API relacionadas
Para personalizaciones avanzadas, envíe solicitudes de API REST directamente. Esto requiere calcular la firma manualmente. Signature Version 4 (Recommended).
Para procesar una imagen, agregue los parámetros de cambio de tamaño a la operación GetObject. Para obtener más información, consulte la operación GetObject.
GET /oss.jpg?x-oss-process=image/resize,p_50 HTTP/1.1
Host: oss-example.oss-cn-hangzhou.aliyuncs.com
Date: Fri, 28 Oct 2022 06:40:10 GMT
Authorization: SignatureValue



















