Sommaire

• Règles relatives aux images
• Informations techniques

Règles relatives aux images

• Les images de nature picturale (par exemple, les photographies, les images historiques) ne doivent pas être floues, ternies ou imprécises au point de distraire le lecteur lors de la lecture. Nous recommandons que ce type d'image occupe au moins 60 % de la largeur de l'écran pour une lecture optimale sur des appareils plus petits.
• Les images dont le texte contient des lettres, des chiffres ou des symboles doivent être lisibles (par exemple, des graphiques, diagrammes techniques ou cartes). Nous recommandons que ce type d'image occupe au moins 80 % de la largeur de l'écran pour une lecture optimale sur des appareils de plus petite taille.
• Les images générées par ordinateur sont mieux représentées sous forme de graphiques vectoriels redimensionnables (SVG), toutefois, les balises SVG peuvent entraîner des erreurs. Nous recommandons de supprimer les balises SVG et d'utiliser les balises image en HTML pour les visuels.
• Assurez-vous que le texte n'est pas converti sous forme d’image. Quand le texte peut être séparé des illustrations qui l'entourent, ce n'est plus une image. Ce texte doit plutôt être inclus dans le code HTML.
• Les légendes des illustrations, les tableaux et images de titre doivent être au format HTML. Pour en savoir plus sur les tableaux au contenu réajustable, reportez-vous à la section Règles relatives aux tableaux - Format réajustable.
• Par souci d'accessibilité, toutes les images doivent comporter du texte dans l'attribut alt de la balise HTML. Pour les images d’illustration, définissez alt = “” ou role = “presentation” dans la balise d'image afin qu'elles puissent être ignorées par les systèmes d'assistance.
• Pour offrir une expérience optimale aux clients sur l'ensemble des appareils et applications Kindle, utilisez des images en couleur lorsque cela est possible et pertinent.
  
  

Informations techniques

1. Types d'image
   1. Bloc de contenu images : Un bloc image commence toujours sur une nouvelle ligne. Nous estimons que la majorité des images des ebooks Kindle sont des blocs image. Exemple d'un bloc image, accompagné du code HTML ci-dessous :
      

      

      HTML :

      <p> Lorem ipsum dolor ….</p> <img src="img.jpg" alt="Panorama du parc national des Canyonlands"> <p>Lorem ipsum dolor ….</p>

      CSS :

      <style> img { display: block; width: 100% ; object-fit: contain; } </style>

   2. Images flottantes : Les images flottantes sont positionnées à gauche ou à droite du texte dans un conteneur.
      HTML :

      <img src="Earthworm.jpg" alt="Image illustrant une coupe transversale d'un ver de terre">

      CSS :

      <style> img { float: left; width: 20%; object-fit: contain; } </style>

   3. Images intégrées au texte: Un élément inclus ne commence pas sur une nouvelle ligne et s'affiche sur la même ligne que le texte. Définissez la hauteur des images intégrées dans le texte en unités « EM » afin qu'elles s'affichent et s'adaptent à celle du texte qui l'entoure. Fournissez des images intégrées dans le texte dans un format sans perte lorsque cela est possible.

      

      HTML :

      <p> Oui <img src='checkbox.png' alt='Check Box'/> Non <img src='checkbox.png' alt='Check Box'/> Lorem ipsum dolor.. </p>

      CSS :

      <style> img { height: 1em; vertical-align: bottom; object-fit: contain; } </style>

   4. Images de couverture du livre : La mise en page des images de couverture doit toujours être en pleine page. Ces images doivent mesurer au moins 1200 pixels de large et de haut.

2. Qualité des images
   1. Images floues et dégradées : Sur la page produit de l'ebook sur Amazon, Amazon signalera les ebooks dont les images sont floues et viendront comporter un avertissement relatif à la qualité du contenu. Exemple d'image floue :

      

   2. Texte illisible présent sur les images : Les images comportant du texte composé de lettres, de chiffres ou de symboles doivent être lisibles. En présence d’images dont le texte est illisible, un avertissement relatif à la qualité du contenu s'affichera sur la page produit de l'ebook sur Amazon. Exemple d'image illisible :

      

   3. Images comportant des légendes : Utilisez des cases pour les images contenant des légendes et veillez à ne pas imbriquer la légende avec l'image. Il est préférable de disposer d’une légende au format texte et non au format image. Exemple d'image comportant une légende :

      

      HTML :

      <figure> <img src="img.jpg" alt=" Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/> <figcaption>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod </figcaption> </figure>

      CSS :

      <style> figure {width: 100%; } img { display: block; width: 100% ; object-fit: contain; } figcaption { margin: 0.5em 0 0 0; text-align: center; text-indent: 0; } </style>

3. Conseil en matière d'accessibilité : Par souci d'accessibilité, toutes les images doivent comporter du texte dans l'attribut alt de la balise HTML. Pour les images d’illustration, définissez alt = “” ou role = “presentation” dans la balise d'image afin qu'elles puissent être ignorées par les systèmes d'assistance. Le texte de l’attribut alt doit être court, concis et explicite. Le texte de l’attribut alt doit fournir une description de l'image et son sens dans son contexte, le cas échéant. Pour les images liées, indiquez l'objet du lien plutôt que de décrire l'image au sein du texte de l’attribut alt.
   HTML :

   <img src="img.jpg" alt="Un pygargue à tête blanche perché dans un arbre dans son habitat naturel">

   HTML pour les illustrations :

   <img src="DecorativeImg.jpg" role="presentation" alt=”> OR <imgsrc="DecorativeImg.jpg" alt=””> OR <img src="DecorativeImg.jpg" role="presentation">

4. Formats de saisie acceptés : Les appareils et applications de lecture Kindle ne prennent pas en charge le format TIFF, les images GIF multitrames ou les images avec des zones transparentes. Lorsque les images sont fournies avec des arrière-plans transparents, nous convertissons le fond transparent en fond blanc.
5. Profil de couleurs ou espace colorimétrique : Utilisez un profil de couleurs sRVB pour toutes vos images. Kindle ne prend pas en charge les profils CMJN. Lorsque les images sont fournies en CMJN, Kindle convertit automatiquement les images en espace colorimétrique sRVB.