Cette section liste les opérations compatibles avec l'optimisation des images Cloud CDN.
Le tableau inclut des paramètres tels que l'opération, la syntaxe, les attributs, la description et des exemples, ce qui vous aide à créer votre requête imop.
L'optimisation des images Cloud CDN est compatible avec un ensemble d'opérations qui vous permettent de transformer vos images, par exemple en les redimensionnant, en les recadrant et en les mettant à l'échelle. Chaque opération possède sa propre syntaxe, ses propres attributs compatibles et ses propres contraintes.
Cette page liste les opérations compatibles avec l'optimisation des images Cloud CDN, avec des exemples qui vous aident à créer votre requête imop.
| Opération | Syntaxe et exemple | Attributs | Description |
|---|---|---|---|
|
https://www.example.com/image.jpg?imop=Resize,width=250,height=125 |
La valeur maximale de |
Cette opération ne conserve pas les proportions lorsque vous spécifiez les paramètres de largeur et de hauteur. Si vous omettez l'une des dimensions, l'optimisation des images Cloud CDN calcule l'autre pour conserver les proportions. Par défaut, l'optimisation des images applique une
stratégie stricte de réduction uniquement. Si vous spécifiez le |
|
https://www.example.com/image.jpg?imop=Scale,ratio=0.5 |
ratio
|
Cette opération met l'image à l'échelle selon un facteur spécifique et n'autorise que la réduction. Elle est mutuellement exclusive des opérations de redimensionnement et de recadrage. Si vous incluez l'opération |
|
https://www.example.com/image.jpg?imop=Crop,shape=rectangle,left=0.5,snap_to_x=512 |
shape
left, right, top, bottom
snap_to_x, snap_to_y
|
Cette opération recadre l'image en fonction de repères régionaux. Si vous spécifiez une valeur non valide
pour le paramètre Les coordonnées de recadrage s'alignent automatiquement sur le multiple le plus proche de la valeur |
|
https://www.example.com/image.jpg?imop=Canvas,width=250,height=125,background_color=FFF,gravity=center |
width, height
gravity
background_color
|
Cette opération améliore les images en ajoutant une mise en page d'arrière-plan avec les
dimensions et la couleur spécifiées. Le paramètre |
|
https://www.example.com/image.jpg?imop=Rotate,degrees=90 |
degrees
|
Cette opération fait pivoter l'image cible dans le sens des aiguilles d'une montre. |
|
https://www.example.com/image.jpg?imop=Mirror,flip=h |
flip
|
Cette opération met l'image en miroir horizontalement, verticalement ou les deux. |
|
https://www.example.com/image.jpg?imop=Compress,strength=medium |
strength
|
Cette opération compresse l'image en réduisant sa qualité.
Le paramètre |
|
https://www.example.com/image.jpg?imop=Convert,format=webp |
format
|
Cette opération modifie le format de diffusion final de l'image. En cas de
conflit de traitement avec la spécification de l'en-tête |
|
https://www.example.com/image.jpg?imop=Metadata,preserve=none |
preserve
|
Cette opération contrôle la façon dont les propriétés des métadonnées d'image sont gérées lors de l'exécution :
max : conserve tous les champs à l'exception de l'orientation EXIF et des profils de couleur qui sont appliqués lors de la transformation .
|
|
https://www.example.com/image.jpg?imop=tone,brightness=50,contrast=50,saturation=50 |
|
Cette opération modifie dynamiquement les |
|
https://www.example.com/image.jpg?imop=Sharpen,strength=50 |
strength
|
Cette opération augmente la netteté de l'image. |
|
https://www.example.com/image.jpg?imop=Blur,strength=50 |
strength
|
Cette opération applique un filtre de flou localisé sur l'image. |
|
https://www.example.com/image.gif?imop=freeze,frame=0 |
frame
|
Cette opération extrait une seule image statique d'une séquence d'images animées , comme un GIF animé. Le paramètre frame spécifie l'index exact de l'image à extraire. |
Étape suivante
- Limites
- Cas d'utilisation de l'optimisation des images
- Sécuriser les requêtes de transformation d'image
- Dépannage et bonnes pratiques