Si les images diffusées via Alibaba Cloud CDN apparaissent délavées, trop sombres ou floues en raison des paramètres de l'appareil photo ou de problèmes de compatibilité des appareils, utilisez la fonctionnalité de retouche d'image pour ajuster la luminosité, le contraste et la netteté directement dans l'URL de diffusion CDN.
La fonctionnalité de retouche d'image d'Alibaba Cloud CDN, celle de DCDN et la fonctionnalité Image Processing (IMG) d'Object Storage Service (OSS) sont trois services distincts qui ne peuvent pas être utilisés de manière interchangeable.
La fonctionnalité de retouche d'image est gratuite jusqu'à nouvel ordre.
La conversion entre formats d'image (par exemple, JPEG vers WebP, JPEG vers PNG ou PNG vers WebP) peut générer des fichiers plus volumineux car chaque format utilise des algorithmes de compression différents. Pour réduire la taille du fichier après une conversion de format, définissez le paramètre quality sur une valeur inférieure.
Paramètres
Ajoutez des paramètres à l'URL de l'image à l'aide de la clé de chaîne de requête image_process :
http(s)://example.com/<image-path>?image_process=<parameter>,<value>| Paramètre | Description | Plage |
|---|---|---|
bright |
Ajuste la luminosité de l'image. La valeur 0 laisse la luminosité inchangée. Les valeurs positives augmentent la luminosité ; les valeurs négatives la diminuent. |
–100 à 100 |
contrast |
Ajuste le contraste de l'image. La valeur 0 laisse le contraste inchangé. Les valeurs positives augmentent le contraste ; les valeurs négatives le diminuent. |
–100 à 100 |
sharpen |
Ajuste la netteté de l'image. Des valeurs plus élevées produisent un résultat plus net. Les valeurs supérieures à 300 peuvent introduire des artefacts visuels. |
50 à 399 |
Valeurs recommandées pour sharpen : 50, 100, 150, 200, 250, 300.
Exemples
Améliorer la netteté d'une image standard :
http(s)://example.com/image01.png?image_process=sharpen,100Augmenter la luminosité de 50 :
http(s)://example.com/image01.png?image_process=bright,50Augmenter le contraste de 50 :
http(s)://example.com/image01.png?image_process=contrast,50