Définition des propriétés de rendu sur les images

Les rendus rendent automatiquement une version de votre image optimisée pour le périphérique qui se connecte au site.

Procédure

  1. Sélectionnez une image et ouvrez la section de rendu dans le format d'image.
  2. Pour télécharger une version de l'image dans une taille adaptée à vos besoins, sélectionnez le rendu, par exemple desktop (ordinateur de bureau). You can choose from desktop, tablet, smartphone, or none. Vous pouvez télécharger une image principale, mais cela n'est pas nécessaire si vous disposez d'une image téléchargé dans le point de rendu par défaut.
  3. Vous pouvez remettre un rendu à l'échelle et rogner l'image pour chaque taille de périphérique.
  4. Dans le modèle de création des éléments image, vous pouvez désactiver les rendus d'un élément ou définir des tailles de pixel ou de fichier préférées dans la section des propriétés.
  5. Quand vous avez terminé, cliquez sur Rendu d'espace.

Résultats

Pour les balises de composant et d'élément faisant référence à une image, l'attribut rendition="auto" donne le rendu en fonction de la classe de périphérique en cours, par exemple tablet. Si ce rendu est vide, le rendu de l'ordinateur de bureau est donné par défaut, défini avec default.rendition.name dans le fournisseur d'environnement de ressources du service de configuration du gestionnaire de contenu Web. Si celui-ci est également vide, l'image principale est rendue.

Pour les balises de composant et d'élément faisant référence à une image dont l'attribut de rendu est défini sur desktop, tablet ou smartphone, le rendu spécifié est donné et aucune rétromigration n'est effectuée. La spécification de rendition="none" conserve l'image principale.

Si vous ne spécifiez pas l'attribut rendition, l'image principale est rendue.

Si vous ne spécifiez pas l'attribut rendition, rendition="auto" est la valeur par défaut.