Recadrage, images ajustées et cibles de zoom crop-adjusted-zoom-targets

L’une des principales forces du concept d’image principale de Dynamic Media Classic est que vous pouvez réutiliser la ressource d’image à de nombreuses fins. Habituellement, vous devez créer des versions recadrées distinctes de chaque image pour afficher les détails ou les nuanciers. Lors de l’utilisation de Dynamic Media Classic, vous pouvez effectuer les mêmes tâches sur votre seul original et enregistrer ces versions recadrées en tant que nouveaux fichiers physiques ou en tant que dérivés virtuels qui ne prennent pas d’espace de stockage.

D’ici la fin de cette section du tutoriel, vous saurez comment :

Recadrage

Dynamic Media Classic dispose de quelques outils de modification d’images, notamment l’outil Recadrage, disponibles de façon pratique dans l’interface utilisateur. Pour plusieurs raisons, vous pouvez souhaiter recadrer votre image principale dans Dynamic Media Classic. Par exemple :

Utiliser l’outil Recadrage

Vous pouvez accéder à l’outil Recadrage dans Dynamic Media Classic à partir de la page Détails d’une ressource ou en cliquant sur le bouton Modifier. Vous pouvez utiliser l’outil pour recadrer de deux manières :

Recadrage manuel

Lorsque vous enregistrez une version recadrée manuellement, l’image semble être recadrée de manière permanente ; Dynamic Media Classic masque en fait les pixels en ajoutant un modificateur d’URL interne pour recadrer l’image. Lorsque vous publiez, il est évident que l’image est recadrée. Vous pouvez toutefois revenir à l’éditeur de recadrage et supprimer le recadrage ultérieurement.

Vous pouvez ensuite choisir d’enregistrer en tant que nouvelle image principale ou en tant que vue supplémentaire du gabarit. Un nouveau gabarit est un nouveau fichier physique (comme un TIFF ou un JPEG) qui occupe de l’espace de stockage. Une vue supplémentaire est une image virtuelle qui ne prend pas d’espace serveur. Nous vous déconseillons de choisir Remplacer l’original, car cela remplace le gabarit et rend le recadrage permanent. Si vous enregistrez en tant que nouveau gabrit ou nouvelle vue supplémentaire, vous devez choisir un nouvel ID de ressource. Comme les autres ID de ressource, il doit s’agir d’un nom unique dans Dynamic Media Classic.

Rognage

Si vous téléchargez une image avec trop d’espace blanc (canevas supplémentaire) autour de l’objet principal de l’image, elle sera beaucoup plus petite sur le web lors du redimensionnement. C’est particulièrement vrai pour les miniatures de 150 pixels ou moins, l’objet de la photo peut se perdre dans tout l’espace supplémentaire qui l’entoure.

Comparez ces deux versions de la même image.

L’image à droite devient beaucoup plus visible en supprimant l’espace supplémentaire autour du produit. Le rognage peut être effectué image par image, à l’aide de l’outil Recadrage ou exécuté en tant que traitement par lot lors du chargement. Il est recommandé de l’exécuter en tant que traitement par lot si vous souhaitez que toutes vos images soient recadrées de manière cohérente autour de l’objet principal. Recadrage sur le cadre de sélection : le rectangle qui entoure l’image.

Recadrage lors du chargement

Comme mentionné précédemment, vous pouvez également choisir de recadrer les images lors du chargement. Pour utiliser le recadrage au moment du chargement, cliquez sur le bouton Options de traitement et sous Options de recadrage, choisissez Rogner.

Dynamic Media Classic se souviendra de cette option pour le prochain chargement. Vous souhaitez recadrer les images pour ce chargement, mais vous ne souhaitez peut-être pas qu’elles soient recadrées à chaque chargement. Une autre option consiste à définir un traitement de chargement FTP planifié spécial et à y placer les options de recadrage. Ainsi, vous n’exécuteriez le traitement que lorsque vous avez besoin de recadrer vos images.

Recadrage par URL

Bien que cela ne soit pas évident dans Dynamic Media Classic, vous pouvez également recadrer uniquement par l’URL (ou même ajouter un recadrage à un paramètre d’image prédéfini).

Chaque fois que vous utilisez l’outil Recadrage, les valeurs de l’URL s’affichent dans le champ en bas. Vous pouvez prendre ces valeurs et les appliquer directement à une image en tant que modificateurs d’URL.

Modificateurs de commande de recadrage au bas de l’éditeur de recadrage

La taille devant être calculée par image lorsque vous utilisez le recadrage par rognage, ce dernier ne peut pas être automatisé via l’URL. Le recadrage ne peut être exécuté que lors du chargement ou en l’appliquant une seule image à la fois.

Recadrage dans le paramètre d’image prédéfini

Les paramètres d’image prédéfinis comportent un champ dans lequel vous pouvez ajouter des commandes de diffusion d’images supplémentaires. Pour ajouter le même recadrage que ci-dessus à votre paramètre d’image prédéfini, modifiez-le, collez ou saisissez les valeurs dans le champ Modificateurs d’URL, puis enregistrez et publiez.

Ajoutez des commandes de recadrage (ou toute commande) aux modificateurs d’URL du paramètre d’image prédéfini.

Le recadrage fait désormais partie de ce paramètre d’image prédéfini et sera appliqué automatiquement à chaque utilisation. Bien sûr, cette méthode dépend de toutes les images nécessitant la même quantité de recadrage. Si toutes vos images ne sont pas tournées de la même manière, cette méthode ne fonctionnera pas.

Images ajustées

Lorsque vous utilisez l’outil Recadrage, vous avez la possibilité d’Enregistrer comme vue supplémentaire de l’image principale. Une fois enregistrée, elle crée un nouveau type de ressource Dynamic Media Classic : une image ajustée. Une image ajustée, aussi appelée dérivée, est une image virtuelle. Il ne s’agit pas du tout d’une image ; il s’agit d’une référence à la base de données (comme un alias ou un raccourci) vers l’image principale physique.

Quelle est la vraie image ??

Pouvez-vous dire quelle image est la principale, et laquelle est l’image ajustée ?

Vous ne devriez pas être en mesure de le savoir sans avoir consulté Dynamic Media Classic et vu le type de ressource « Image ajustée » pour SBR_MAIN2.

Une image ajustée n’utilise pas d’espace disque, car elle n’existe que sous forme d’élément de ligne dans la base de données. Elle est également liée de manière permanente à la ressource d’origine ; si l’originale est supprimée, l’image ajustée est également supprimée. Elle peut se composer d’une image entière non recadrée ou d’une partie seulement d’une image (recadrage).

En règle générale, vous créez des images ajustées à l’aide de l’outil Recadrage. Toutefois, elles peuvent également être créées avec d’autres éditeurs d’image : les outils Ajuster et Accentuer.

Les images ajustées nécessitent un ID de ressource unique. Une fois publiées (vous devez les publier comme n’importe quelle autre ressource), elles agissent comme toute autre image et sont appelées sur une URL par leur ID de ressource. Sur la page Détails, vous pouvez afficher les images ajustées associées à une image originale sous l’onglet Créées et dérivées.

Vues ajustées pour l’image principale ASIAN_BR_MAIN

Cibles de zoom

Les cibles de zoom se trouvent également dans le menu Modifier et la page Détails d’une image. Elles vous permettent de définir des « zones réactives » pour mettre en évidence des fonctionnalités de merchandising spécifiques d’une image de zoom. Au lieu de créer des images distinctes en recadrant une grande image principale, la visionneuse de zoom peut afficher les détails au-dessus de l’image, ainsi qu’un libellé court que vous créez.

Les cibles de zoom étant essentiellement une fonction de merchandising qui nécessite une connaissance des points de vente d’un produit, elles sont généralement créées par une personne de l’équipe merchandising ou produit d’une entreprise.

Le processus est très simple : cliquez sur la fonctionnalité, donnez-lui un nom explicite, puis enregistrez. Les cibles peuvent être copiées d’une image à une autre si elles sont similaires, mais le processus est manuel. Dynamic Media Classic ne permet pas d’automatiser la création de cibles de zoom, car chaque image est différente et possède des fonctionnalités différentes.

Le choix de la visionneuse est un autre facteur permettant de décider si vous souhaitez utiliser les cibles de zoom. Tous les types de visionneuses ne peuvent pas afficher de cibles de zoom (par exemple, la visionneuse déroulante ne les prend pas en charge).

Découvrez comment Créer des cibles de zoom.

Utilisation de l’outil Cible de zoom

Voici le workflow de création de cibles dans Dynamic Media Classic.

Définition de la taille d’affichage dans le paramètre prédéfini de la visionneuse de zoom

Parlons de l’origine de la taille des cibles de zoom. Dans les paramètres prédéfinis de votre visionneuse de zoom, il existe un paramètre appelé Taille d’affichage. La taille d’affichage correspond à la taille de votre image de zoom dans la visionneuse. Elle diffère de la taille de l’étape, qui correspond à la taille totale de la visionneuse, y compris l’illustration et les composants de l’interface utilisateur.

Lorsque vous créez une cible, elle dérive sa taille et son format de la taille de l’affichage. Si, par exemple, la taille d’affichage est de 200 x 200, vous ne pourrez créer que des cibles carrées, avec une zone de zoom maximale de 200 pixels. Vos cibles peuvent dépasser 200 pixels, mais toujours carrées. Mais cela signifie aussi que l’image à l’intérieur de votre visionneuse de zoom ne fait que 200 pixels ; la taille de la cible de zoom a une relation directe avec la taille de votre visionneuse. Vous devez donc d’abord décider de la conception de votre visionneuse avant de définir des cibles.

Cependant, par défaut, la taille d’affichage est vide (définie sur 0 x 0), car la taille de l’image d’affichage principale est dynamique et est automatiquement dérivée de la taille de l’étape. Le problème est que si vous ne définissez pas explicitement une taille d’affichage dans votre paramètre prédéfini, l’outil Cible de zoom ne saura pas quelle taille donner aux cibles.

Lorsque vous chargez l’outil Cible de zoom, la taille d’affichage s’affiche à côté du nom du paramètre prédéfini. Comparez la taille d’affichage entre le paramètre prédéfini assisté Zoom1-Guided intégré et le paramètre prédéfini ZT_AUTHORING personnalisé.

Vous pouvez voir que le paramètre prédéfini intégré a une taille de 900 x 550, ce qui signifie que la cible ne peut jamais être plus petite que cette taille plutôt grande. C’est probablement trop grand : si la largeur de votre image est de 2 000 pixels, vous pouvez seulement afficher une fonctionnalité d’au moins 900 pixels de large. L’utilisateur ou l’utilisatrice peut effectuer un zoom supplémentaire manuellement, mais vous ne pouvez pas le rapprocher plus près. La définition d’une taille d’affichage de 350x350 permet aux cibles d’effectuer un zoom assez rapproché ou d’être redimensionnées plus grand. Cependant, si vous souhaitez une image de zoom plus grande dans la visionneuse, vous devez créer un nouveau paramètre prédéfini, car le vôtre est limité à 350 pixels.

Créer ou modifier un paramètre prédéfini de visionneuse prenant en charge les cibles de zoom

Pour définir la taille d’affichage, créez ou modifiez un paramètre prédéfini de visionneuse qui prend en charge les cibles de zoom.