Image optimization - Edge Security Acceleration - Centro de documentación de Alibaba Cloud

Edge Security Acceleration (ESA) transforms origin images at the edge—converting formats, adjusting quality, cropping, and scaling—then caches the results to improve delivery speed and reduce back-to-origin traffic.

Nota

Las reglas de optimización de imágenes se aplican únicamente a las solicitudes que cumplen con las condiciones especificadas. Para la optimización de imágenes a nivel de sitio web, consulte Configure image transformations.

Casos de uso

With ESA image processing, ESA edge nodes handle all transformations and caching without impacting your origin server.

The following table lists common use cases. This list is not exhaustive.

Caso de uso	Descripción
Plataformas de comercio electrónico	Procese imágenes en diversos estilos para distintos dispositivos y reduzca el trabajo de edición manual. Comprima las fotografías de productos y las imágenes generadas por los usuarios para reducir el tamaño del archivo y disminuir los costos de tráfico. Agregue una marca de agua para proteger los derechos de autor, reforzar la identidad de marca y promover sus productos.
Redes sociales	Edite las imágenes para cumplir con los requisitos estándar de procesamiento de contenido en redes sociales. Agregue una marca de agua para proteger el contenido personal contra usos no autorizados.
Educación en línea	Edite las imágenes para cumplir con los requisitos estándar de procesamiento de materiales educativos y contenido de cursos. Aplique distintas funciones de compresión para equilibrar el tamaño del archivo y la calidad visual según cada escenario.
Sitios web de recursos de diseño	Procese imágenes en diversos estilos para distintos dispositivos y reduzca el trabajo de edición manual. En sitios web que dependen de imágenes de alta resolución, utilice la optimización automática para aplicar una compresión visualmente sin pérdidas. Esto reduce al máximo el tamaño del archivo sin degradar la calidad y mejora la velocidad de carga.

Límites

El procesamiento de imágenes está sujeto a los siguientes límites.

Límites de la imagen original:

Los formatos de imagen compatibles incluyen JPEG, JPG, PNG, WebP, BMP, GIF, TIFF y JPEG 2000.
El tamaño de la imagen original no debe superar los 10 MB.
El producto de ancho × alto no debe superar los 16,777,216 píxeles.

Nota
En las imágenes GIF, el total de ancho × alto es la suma de todos los fotogramas. Puede usar herramientas como ImageMagick para consultar los detalles de los fotogramas de una imagen GIF.

Límites de la imagen transformada:

El producto de ancho × alto no debe superar los 16,777,216 píxeles.
Al convertir al formato WebP, el producto de ancho × alto no debe superar los 16,777,216 píxeles. Además, ni el ancho ni el alto pueden exceder los 16,384 píxeles de forma individual. Si la imagen de origen es animada, se convierte en una imagen estática tras la conversión a WebP.

Límites de la precarga de caché:

Las transformaciones de imágenes no se aplican al contenido precargado en la caché. Durante la precarga, los nodos de ESA obtienen únicamente los archivos de imagen originales sin aplicar transformaciones.

Create image optimization rule

En la consola de ESA, haga clic en Websites. En la columna Website, haga clic en el sitio web de destino.
En el panel de navegación izquierdo, elija Rules > Content Optimization.
Haga clic en la pestaña Image Optimization, haga clic en Create Rule e introduzca un valor en Rule Name.
En la sección If requests match..., defina las condiciones para filtrar las solicitudes entrantes de los usuarios. Para obtener más información, consulte Rule expression components.
Habilite Image Transformations.

Validación de transformaciones

Solicitud original

Solicite example.com/bb.jpeg. La respuesta devuelve una imagen con orientación normal en formato .jpeg.

Solicitud transformada

Conversión de formato: para convertir una imagen .jpeg a .png, cambie la URL de la solicitud a example.com/bb.jpeg?image_process=format,png. La respuesta devuelve una imagen .png.
Rotación de imagen: para rotar la imagen 90° en sentido horario, cambie la URL de la solicitud a example.com/bb.jpeg?image_process=rotate,90. La respuesta devuelve la imagen rotada 90° en sentido horario.

Operaciones de procesamiento de imágenes compatibles

Nota

Una vez habilitada la optimización de imágenes, agregue uno o más parámetros de procesamiento a la URL de la solicitud para aplicar las transformaciones. A continuación se describen los parámetros compatibles.

Función de procesamiento de imágenes	Parámetro de procesamiento	Descripción
Format conversion	format	Convierte el formato de la imagen.
Quality conversion	quality	Ajusta la calidad de la imagen.
Image cropping	crop	Recorta la imagen al tamaño especificado.
Image scaling	resize	Escala la imagen al tamaño especificado. Actualmente solo se admite la reducción; la ampliación no está disponible.
Image rotation	Rotación automática: auto-orient Rotación específica: rotate	Rota automáticamente la imagen según sus metadatos o la gira en sentido horario un ángulo específico.
Image color	Brillo: bright Contraste: contrast Nitidez: sharpen	Ajusta el brillo, el contraste y la definición de la imagen.
Add watermark	watermark	Agrega una marca de agua de imagen o de texto a la fotografía.
Get info	info	Obtiene información de la imagen, incluidas las dimensiones, el formato y la calidad.

Documentación relacionada

Las funciones relacionadas con las reglas varían en prioridad de aplicación, reentrabilidad y granularidad. Para obtener más detalles, consulte Characteristics of rule-based features.