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 l’optimisation et le réglage 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 dynamique.

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 se compresse à un ratio 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 de l’image est l’une des tâches les plus courantes exécutées par Dynamic Media Image Serving. 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 uniquement &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. Commencez par &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 un 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 bonnes pratiques Accentuation des images dans Adobe Dynamic Media Classic et sur le serveur d’images.

Avec Dynamic Media Classic, vous pouvez accentuer les images lors de l’ingestion, de la diffusion ou des deux. Toutefois, en règle générale, vous accentuez les images en utilisant une seule méthode ou l’autre, mais pas les 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 une accentuation de base à l’affichage final de l’image à la suite d’un redimensionnement dynamique. Toutefois, cette méthode n’est pas configurable par l’utilisateur. La bonne pratique consiste à ne pas utiliser &op_sharpen, sauf si cela est nécessaire.

  • Masquage flou ( &op_USM) : le masquage flou est un filtre d’accentuation standard. 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, force de l’effet.)

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

        Gardez à l’esprit que les paramètres radius et amount fonctionnent l’un par rapport à l’autre. La réduction de radius peut être compensée en augmentant amount. Radius permet un contrôle plus précis, car une valeur inférieure accentue uniquement les pixels de contour, tandis qu’une valeur supérieure accentue une bande plus large de pixels.

      • 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 bonnes 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é, mais éviter que les fichiers image ne deviennent trop volumineux, définissez la valeur qlt= sur 90 ou 95.

  • Pour optimiser pour une petite taille de fichier image tout en conservant 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 dans la moyenne, il est recommandé de définir la valeur qlt= sur 85.

  • 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 le 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 sa diffusion sur des appareils 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 la valeur &qlt= définie. Sinon, &qlt= est graduellement diminué jusqu’à ce que l’image soit ajustée à la taille maximale autorisée, ou jusqu’à ce que le système détermine qu’elle ne peut pas s’adapter et renvoie une erreur.

Il est recommandé de définir &jpegSize= et d’ajouter le paramètre &qlt= si vous diffusez des images JPG sur des appareils 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.

Lors de votre test, les suggestions générales suivantes s’avèrent utiles pour optimiser votre workflow :

  • Testez différents paramètres en temps réel, directement sur une URL Dynamic Media Classic ou à l’aide de la fonctionnalité d’ajustement d’image de Dynamic Media Classic. Ce dernier fournit des aperçus en temps réel pour les opérations d'ajustement.
  • Pour respecter les bonnes pratiques, 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 constitué de macros 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 pour régler la qualité des images, telles que l’application de l’accentuation des images lors de l’ingestion. Pour les cas d’utilisation avancés où l’optimisation et le réglage des résultats rendus sont une option, Adobe Professional Services peut vous aider à personnaliser les informations et les bonnes pratiques.

Sur cette page