Configuration de l'image

Une fois votre compte et vos domaines configurés, vous êtes prêt à configurer les images sur votre site Web, pour ce faire, vous devrez modifier le balises dans votre code pour inclure les opérations que vous souhaitez appliquer.

La forme HTML correcte de votre tag doit inclure la propriété "src", vous devrez supprimer cette propriété afin d'utiliser ZMD, mais ne vous inquiétez pas votre code sera toujours valide car le script ZMD le réécrira correctement avec l'URL finale incluant vos opérations .

... src="https://example.com/myimage.jpg" alt="Description de l'image"/> ...

Ci-dessous, vous constaterez que la propriété « src » est remplacée par la propriété personnalisée "données-zmd-src" avec le URL complète de votre image, ceci est important car ZMD doit savoir exactement quelle image vous essayez d'optimiser.

Ensuite, la coutume « données-zmd-op » La propriété contiendra toutes les opérations que vous souhaitez appliquer à l'image, comme la modification des dimensions.

... src="" data-zmd-src=" https://example.com/myimage.jpg " data-zmd-op="w:800;h:550" alt="Ma description d'image"/> ...