Les fichiers de rendu WebP sont plus volumineux que les fichiers JPEG pour certaines images AEM Assets
Cet article décrit pourquoi les rendus WebP générés dans Adobe Experience Manager Assets peuvent parfois être plus volumineux que les rendus JPEG et fournit des étapes pour optimiser les tailles de rendu WebP.
Description description
Environnement
- Adobe Experience Manager Assets as a Cloud Service
- Profils de traitement Assets
Problème/Symptômes
Lorsque vous générez des rendus d’image avec un profil de traitement AEM Assets, il n’est pas garanti que le rendu WebP soit plus petit que le rendu JPEG correspondant, même si les deux utilisent la même image source et les mêmes dimensions en pixels.
Exemple:
- Rendu de zoom JPEG : 2048 × 1365, environ 546 Ko.
- Rendu de zoom WebP : 2048 × 1365, environ 956 Ko, au
85de qualité WebP.
Cause
WebP et JPEG utilisent des algorithmes de compression différents et leurs valeurs de qualité ne sont pas directement comparables. La taille du fichier qui en résulte dépend du contenu de l’image, du comportement de l’encodeur et du paramètre de qualité. Il n’est donc pas garanti qu’un rendu WebP soit plus petit qu’un rendu JPEG. Dans un profil de traitement, le paramètre de qualité contrôle la compression et affecte la taille du fichier obtenu.
Résolution resolution
Pour résoudre ce problème, procédez comme suit :
- Dans AEM, accédez à Outils
>Assets>Profils de traitement. - Modifiez le profil de traitement qui définit le rendu WebP.
- Dans l’onglet Image, recherchez le rendu WebP et réduisez sa valeur Qualité. Pour un test initial, remplacez l’exemple source
85par70–75. - Retraitez une ressource de test et comparez les tailles de fichier de rendu JPEG et WebP et la qualité visuelle.
- Si le fichier WebP dépasse toujours la taille cible, testez une valeur de qualité inférieure, telle que
60–65. Comparez la taille du fichier et la qualité visuelle après chaque modification. - Comparez les réponses réelles de l’image diffusée, telles que les images diffusées par l’intermédiaire des services EDS ou des URL de ressources directes. Ne comparez pas uniquement les rendus de gestion des ressources numériques statiques.
- Si la page utilise le composant d’image principal AEM, pensez à diffuser des images optimisées pour le web au lieu de vous fier uniquement aux rendus DAM statiques. Dans la stratégie du composant Image, sélectionnez Activer les images optimisées pour le web. Remarque : la diffusion d’images optimisées pour le web s’applique aux images rendues par le composant Image principal dans AEM as a Cloud Service. Elle modifie l’image diffusée sur la page ; elle ne modifie pas le rendu WebP statique généré par le profil de traitement.
- Vérifiez que l’image WebP diffusée respecte vos exigences en matière de taille de fichier et de qualité visuelle.