Parcours Dynamic Media : principes de base, deuxième partie

Les principes de base de la création de paramètres d’image prédéfinis pour le rendu des ressources

Il existe plusieurs façons et de nombreux emplacements pour créer une image ou rendre disponible une image. Traditionnellement, un créatif accède à Adobe Photoshop et enregistre chacun de ces différents rendus sous forme d’images statiques.

Méthode acceptable : images statiques créées chacune manuellement.

Maintenant imaginez que le directeur artistique regarde les images et dise :

« Je voulais vraiment que sur cette photo la grande aiguille pointe vers le quatre et la petite main vers le 1, pour que l’on voie mieux le cadran ».

Le spécialiste de la création devra de nouveau filmer toutes les nouvelles images statiques.

Toutefois, avec Dynamic Media, si vous disposez de paramètres d’image prédéfinis différents, vous pouvez utiliser ces images où vous en avez besoin. Ce sont les paramètres d’image prédéfinis qui appliquent les normes.

Méthode recommandée : un fichier avec plusieurs rendus créés à la volée à l’aide de paramètres d’image prédéfinis, par exemple Search_Grid et Thumbnail.

Pour chaque emplacement pour lequel vous avez besoin d’un type d’image particulier, par exemple :

Vous souhaitez que cette image soit diffusée avec les mêmes paramètres partout où elle sera utilisée.

Penchons nous un instants sur la manière dont un paramètre d’image prédéfini est créé dans Dynamic Media.

Création d’un paramètre d’image prédéfini à partir de l’onglet De base

Dans l’exemple ci-dessus, vous pouvez constater qu’un nouveau paramètre d’image prédéfini a été créé avec le nom Medium. Dynamic Media utilise un exemple d’image d’usine, un sac à dos, pour vous aider à voir les caractéristiques du paramètre d’image prédéfini au fur et à mesure de sa création.

Le paramètre prédéfini de l’image Medium est de 500 pixels de large et de 800 pixels de haut. Dans la première partie de ce Parcours, vous avez appris comment diffuser des ressources dans différents formats. Dans le menu déroulant Format, vous pouvez choisir de diffuser des ressources sous la forme de JPEG, PNG, TIFF ou de plusieurs autres formats. Vous avez une certaine marge de manœuvre.

Sélectionnez l’onglet Avancé pour accéder aux options relatives à l’espace colorimétrique de la ressource. En fonction du format que vous avez sélectionné dans l’onglet De base (dans l’exemple ci-dessus, JPEG a été sélectionné), vous pouvez diffuser des ressources en RVB, niveaux de gris ou CMJN. Dans le menu déroulant Profil colorimétrique, vous pouvez sélectionner comment diffuser une ressource image CMJN pour l’utiliser pour l’impression. Notez également que vous pouvez appliquer d’autres paramètres pour accentuer vos images. Dans ce cas, le paramètre Accentuation a été appliqué.

Création d’un paramètre d’image prédéfini en sélectionnant des options dans l’onglet Avancé

Vous vous rappelez que, dans le chapitre précédent Anatomie d’une URL Dynamic Media, vous avez lu des informations sur l’URL Dynamic Media et sur la manière dont elle est créée. Dans la boîte de dialogue Modificateur d’image, vous pouvez saisir les paramètres de traitement d’image supplémentaires de votre choix dans la zone de texte. Les paramètres sont inclus dans le nom du paramètre prédéfini de l’URL lors de la diffusion de vos images, à l’aide du paramètre prédéfini. Dans la capture d’écran ci-dessus, le paramètre bgc=451B15 a été ajouté. En réalité, une couleur de fond marron foncé a été ajoutée.

Vous pouvez considérer un paramètre d’image prédéfini comme une recette pour vos images. Il diffusera toutes les images qui utilisent le paramètre prédéfini de manière cohérente à chaque fois ; il sera le même. Le paramètre &op_brightness=+10 a également été ajouté pour augmenter légèrement la luminosité.

Lorsque vous avez terminé, vous enregistrez le paramètre prédéfini, qui est désormais disponible pour toutes les images dont vous disposez. Dans ce cas, vous souhaitez appliquer le paramètre d’image prédéfini Medium à l’image d’une casserole de chocolat fondu.

Application du paramètre d’image prédéfini Medium pour générer un rendu d’image

Vous copiez l’URL puis la collez dans votre navigateur pour vérifier l’aspect de l’image. Faites un essai.

Dans votre navigateur, notez que le nom du paramètre d’image prédéfini Medium est présent dans le chemin d’accès URL complet.

Vous pouvez voir le type de clarté affiché dans l’image. Cette qualité est en partie due à la façon dont la casserole de chocolat a été photographiée. Mais c’est aussi parce qu’avec Dynamic Media vous pouvez stocker des images plus grandes que celles diffusées sur les canaux numériques.

Si tout vous paraît satisfaisant pour votre image de casserole de chocolat, vous collez l’URL dans vos pages web où vous souhaitez que l’image apparaisse sur votre site web.

Si vous regardez à nouveau l’image de la montre ci-dessous, vous pouvez voir qu’il existe un paramètre d’image prédéfini Cart, un préréglage Grid, un préréglage Large, un préréglage PDP-page (page Détails du produit), et plusieurs autres.

Paramètres d’image prédéfinis statiques et dynamiques L’image de la montre a été rendue à l’aide du paramètre d’image prédéfini PDP-page.

Mais qu’en est-il si vous devez changer une image sur votre site web ? Supposons, par exemple, que vous ayez effectué quelques tests et que vous ayez trouvé que l’image de 120 x 120 (le paramètre d’image prédéfini Cart) n’est pas reçue aussi bien que vous le pensiez. Vous devez agrandir l’image en augmentant la largeur à 175 pixels et la hauteur à 175 pixels. Traditionnellement, vous deviez aller dans Adobe Photoshop et recréer toutes ces images de panier. Toutefois, avec Dynamic Media, il vous suffit de modifier le paramètre d’image prédéfini en mettant à jour les valeurs Largeur et Hauteur sur 175 et d’enregistrer votre paramètre prédéfini, comme illustré dans l’exemple ci-dessous.

Modification de la largeur et de la hauteur du paramètre d’image prédéfini Cart.

Après avoir modifié votre paramètre d’image prédéfini et vidé le cache, toutes les images sont mises à jour et sans changer les URL utilisées avec ce paramètre prédéfini, quelles qu’elles soient. Cela signifie que vous n’aurez pas à gérer de lien rompu et ou de redirection de page web.