Recommandations pour optimiser la qualité des images

L’optimisation de la qualité des images peut prendre un certain temps, car de nombreux facteurs entrent en jeu pour obtenir des résultats de rendu acceptables. Les résultats sont partiellement subjectifs car chaque individu perçoit différemment la qualité des images. La clé réside dans une mise en application structurée.

Dynamic Media Classic comprend plus de 100 commandes de traitement d’images pour le réglage et l’optimisation des images et des résultats de rendu. Les conseils suivants vous aideront à simplifier le processus et à obtenir rapidement de bons résultats en utilisant quelques commandes essentielles et en appliquant les pratiques recommandées.

Voir aussi Imagerie intelligente.

Recommandations relatives au format d’image (&fmt=)

  • Les formats JPG et PNG sont les mieux adaptés pour obtenir des images de bonne qualité, d’une taille et d’un volume gérables.
  • Si aucune commande de format n’est fournie dans l’URL, la diffusion d’images Dynamic Media utilise par défaut le format JPG pour la diffusion.
  • Le format JPG compresse les images à un taux de 10:1 et produit généralement des images plus petites. Le format PNG compresse les images à un rapport d’environ 2:1, sauf parfois lorsque les images contiennent un arrière-plan vide. En général, toutefois, les fichiers PNG sont plus gros que les fichiers JPG.
  • JPG utilise une compression avec perte, ce qui signifie que des éléments d’image (pixels) sont perdus lors de la compression. Le format PNG, en revanche, utilise une compression sans perte.
  • Généralement, le format JPG compresse les images photographiques avec une plus grande fidélité que les images de synthèse avec des bords nets et un fort contraste.
  • Si vos images contiennent de la transparence, utilisez le format PNG car JPG ne prend pas en charge la transparence.

Pour le format des images, il est recommandé de commencer par le paramètre le plus courant, à savoir &fmt=JPG.

Recommandations relatives à la taille des images

La réduction dynamique de la taille d’image est l’une des tâches les plus courantes que Dynamic Media Image Serving effectue. Cela implique de définir la taille et, éventuellement, le mode de sous-échantillonnage à utiliser.

  • Pour le dimensionnement des images, la meilleure approche et la plus simple consiste à utiliser &wid=<value> et &hei=<value> ou simplement &hei=<value>. Ces paramètres définissent automatiquement la largeur de l’image par rapport à ses proportions.
  • &resMode=<value> contrôle l’algorithme utilisé pour le sous-échantillonnage. Début avec &resMode=sharp2. Cette valeur fournit la meilleure qualité d’image. Bien que l’utilisation de la valeur de sous-échantillonnage =bilin soit plus rapide, elle entraîne souvent le crénelage des artefacts.

Pour le dimensionnement des images, il est recommandé d’utiliser &wid=<value>&hei=<value>&resMode=sharp2 ou &hei=<value>&resMode=sharp2

Recommandations relatives à l’accentuation des images

L’accentuation des images est l’aspect le plus complexe de contrôle des images sur votre site Web, et aussi source de nombreuses erreurs. Prenez le temps d’en savoir plus sur le fonctionnement de l’accentuation et du masquage flou dans Dynamic Media Classic en vous référant aux ressources utiles suivantes :

Livre blanc des meilleures pratiques Accentuation des images dans l’Adobe Dynamic Media Classic et sur le serveur d’images.

Avec Dynamic Media Classic, vous pouvez accentuer les images lors de l’assimilation, de la diffusion ou des deux. En règle générale, cependant, vous accentuez les images à l’aide d’une seule méthode ou de l’autre, mais pas des deux. L’accentuation des images à la distribution, dans une URL, produit généralement de meilleurs résultats.

Il existe deux méthodes d’accentuation des images que vous pouvez utiliser :

  • Accentuation simple ( &op_sharpen) : à l’instar du filtre d’accentuation utilisé dans Photoshop, l’accentuation simple applique l’accentuation de base à la vue finale de l’image après le redimensionnement dynamique. Toutefois, cette méthode n’est pas configurable par l’utilisateur. La meilleure pratique consiste à ne pas utiliser &op_sharpen, sauf si nécessaire.

  • Masquage flou ( &op_USM) - Le masquage flou est un filtre d’accentuation standard du secteur. Il est recommandé d’accentuer les images avec le masquage flou en suivant les conseils ci-dessous. Le masquage flou permet de contrôler les trois paramètres suivants :

    • &op_sharpen=amount,radius,threshold

      • amount (0-5, résistance de l'effet.)

      • radius (0-250, largeur des "lignes d’accentuation" tracées autour de l’objet accentué, mesurée en pixels.)

        N’oubliez pas que les paramètres radius et amount fonctionnent les uns par rapport aux autres. La réduction de radius peut être compensée en augmentant amount. Radius permet un contrôle plus précis car une valeur plus faible n’accentue que les pixels de contour, tandis qu’une valeur plus élevée accentue une bande de pixels plus large.

      • threshold (0-255, sensibilité de l'effet.)

        Ce paramètre détermine la différence entre les pixels accentués et la zone environnante avant qu’ils ne soient considérés comme des pixels de contour et que le filtre ne les renforce. Le seuil permet d’éviter de trop accentuer les zones avec des couleurs similaires, comme des tons chair. Par exemple, une valeur de seuil de 12 permet d’ignorer les légères variations de la luminosité de la peau pour éviter d’ajouter du « bruit », tout en ajoutant un contraste sur les bords dans les zones à fort contraste, comme l’endroit où les cils rencontrent la peau.

        Pour plus d’informations sur la définition de ces trois paramètres, y compris les meilleures pratiques à utiliser avec le filtre, voir Accentuation des images dans Adobe Scene7 Publishing System et sur Image Server.

      • Dynamic Media Classic vous permet également de contrôler un quatrième paramètre : monochrome ( 0,1). Ce paramètre détermine si le masquage flou est appliqué séparément à chaque composante de couleur en utilisant la valeur 0 ou à la luminosité/intensité de l’image en utilisant la valeur 1.

En règle générale, il est recommandé de commencer par le paramètre de rayon du masquage flou. Voici les paramètres de rayon que vous pouvez utiliser en premier :

  • Site Web : 0,2-0,3 pixel
  • Impression photographique (250-300 ppp) : 0,3-0,5 pixel
  • Impression offset (266-300 ppp) : 0,7-1,0 pixel
  • Impression sur toile (150 ppp) : 1,5-2,0 pixels

Augmentez graduellement la valeur entre 1,75 et 4. Si l’accentuation ne correspond toujours pas à vos attentes, augmentez le rayon d’un point décimal et réaugmentez la quantité entre 1,75 et 4. Répétez l’opération si nécessaire.

Laissez le paramètre monochrome sur 0.

Recommandations relatives à la compression JPEG (&qlt=)

  • Ce paramètre contrôle la qualité du codage JPG. Une valeur élevée produit une image de meilleure qualité mais un fichier plus gros ; en revanche, une valeur faible désigne une image de qualité inférieure mais un fichier plus petit. Ce paramètre est compris entre 0 et 100.

  • Pour optimiser la qualité, ne définissez pas ce paramètre sur 100. La différence entre un paramètre de 90, 95 ou 100 est presque imperceptible, mais 100 augmente inutilement la taille du fichier image. Par conséquent, pour optimiser la qualité tout en évitant que les fichiers image ne deviennent trop volumineux, définissez la valeur qlt= sur 90 ou 95.

  • Pour optimiser une petite taille de fichier d’image tout en maintenant la qualité de l’image à un niveau acceptable, définissez la valeur qlt= sur 80. Les valeurs inférieures à 70-75 se traduisent par une dégradation notable de la qualité d’image.

  • Pour rester au milieu, il est recommandé de définir la valeur qlt= sur 85 pour rester au milieu.

  • Utilisation de l’indicateur de chrominance dans qlt=

    • Le paramètre qlt= possède un second paramètre qui vous permet d’activer le sous-échantillonnage chromatique RVB à l’aide de la valeur normale ,0 (par défaut) ou de la désactiver à l’aide de la valeur ,1.
    • Pour rester simple, commencez par désactiver la réduction de résolution chromatique RVB ( ,1). Ce paramètre produit généralement une image de meilleure qualité, en particulier pour les images de synthèse contenant beaucoup de contours nets et un fort contraste.

Pour la compression JPG, il est recommandé d’utiliser &qlt=85,0.

Recommandations relatives au dimensionnement JPEG (&jpegSize=)

Le paramètre jpegSize est utile si vous souhaitez garantir qu'une image ne dépasse pas une certaine taille pour la diffusion sur des périphériques dont la mémoire est limitée.

  • Ce paramètre est défini en kilo-octets ( jpegSize=<size_in_kilobytes>). Il définit la taille maximale autorisée pour la distribution des images.
  • &jpegSize= interagit avec le paramètre de compression JPG &qlt=. Si la réponse JPG avec le paramètre de compression JPG spécifié ( &qlt=) ne dépasse pas la valeur jpegSize, l’image est renvoyée avec &qlt= comme défini. Sinon, &qlt= est progressivement réduit jusqu'à ce que l'image corresponde à la taille maximale autorisée ou jusqu'à ce que le système détermine qu'elle ne peut pas tenir et renvoie une erreur.

Il est recommandé de définir &jpegSize= et d’ajouter le paramètre &qlt= si vous distribuez des images JPG sur des périphériques dont la mémoire est limitée.

Résumé des recommandations

En règle générale, pour obtenir une image de qualité élevée mais un fichier de petite taille, commencez par la combinaison de paramètres suivante :

fmt=jpg&qlt=85,0&resMode=sharp2&op_usm=1.75,0.3,2,0

Cette combinaison de paramètres produit d’excellents résultats dans la plupart des cas.

Si l’image doit être davantage optimisée, accentuez-la progressivement (masquage flou) en commençant par un rayon de 0,2 ou 0,3. Ensuite, augmentez graduellement la quantité entre 1,75 et 4 (équivalent de 400 % dans Photoshop). Vérifiez que le résultat escompté est obtenu.

Si les résultats de l’accentuation ne sont toujours pas satisfaisants, augmentez le rayon point décimal par point décimal. Pour chaque incrément décimal, redémarrez la quantité à 1,75 et augmentez-le progressivement jusqu’à 4. Répétez cette procédure jusqu’à ce que vous obteniez le résultat escompté. Les valeurs ci-dessus sont une approche validée par les studios de création ; cela ne vous empêche toutefois pas de commencer par d’autres valeurs et d’appliquer d’autres stratégies. Que vous soyez ou non satisfait par les résultats est subjectif. Par conséquent, la clé réside dans une mise en application structurée.

Au fur et à mesure que vous testez, les suggestions générales suivantes s’avèrent utiles pour optimiser votre flux de travail :

  • Testez différents paramètres en temps réel, directement sur une URL Dynamic Media Classic ou en utilisant la fonctionnalité de réglage d’image de Dynamic Media Classic. Ce dernier fournit des prévisualisations en temps réel pour les opérations d'ajustement.
  • En règle générale, n’oubliez pas que vous pouvez regrouper les commandes de diffusion d’images Dynamic Media dans un paramètre d’image prédéfini. Un paramètre d’image prédéfini est essentiellement une macro de commande d’URL avec des noms de paramètres prédéfinis personnalisés tels que $thumb_low$ et &product_high$. Le nom du paramètre prédéfini personnalisé dans un chemin d’URL appelle ces paramètres prédéfinis. Cette fonctionnalité permet de gérer les commandes et les paramètres de qualité de différents gabarits d’utilisation des images sur votre site Web et réduit en outre la longueur totale des URL.
  • Dynamic Media Classic propose également des méthodes plus avancées d’optimisation de la qualité d’image, telles que l’application de l’accentuation des images lors de l’assimilation. Pour les cas d’utilisation avancés où il est possible d’optimiser les résultats rendus et de les affiner davantage, Adobe Professional Services peut vous aider à personnaliser les informations et les meilleures pratiques.

Sur cette page

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now