La meilleure façon d'utiliser des images pour les livres Kindle

Cet article explique comment ajouter des images à vos livres Kindle via HTML. Bien que le processus soit le même que pour ajouter des images à une page Web, gardez à l'esprit où vos images sont stockées par rapport au code HTML, la taille de vos images, leurs formats de fichier, qu'il s'agisse de dessins au trait ou de photos, et s'ils sont en noir et blanc ou en couleur.

Où stocker des images pour votre livre Kindle

Lorsque vous écrivez le code HTML pour créer votre livre Kindle, vous l'écrivez sous la forme d'un grand fichier HTML, mais où devez-vous placer les images? Il est préférable de créer un répertoire pour votre livre et d'y mettre votre code HTML, puis de mettre un sous-répertoire à l'intérieur pour vos images. Cela aurait la structure de répertoire:

mon livre
livre.html
style.css
images
image1.jpg
image2.jpg
image3.jpg

Lorsque vous référencez vos images, vous devez utiliser des chemins relatifs, plutôt que de pointer vers l'emplacement de l'image sur votre disque dur. Cela signifie que vous devez les référencer par rapport au dossier "my-book". Par example:

Le chemin d'accès au fichier image ne commence pas entièrement sur votre disque dur. Au lieu de cela, il suppose que tout commence dans le dossier "my-book", où se trouve votre fichier HTML, et suit le chemin à partir de là.

Cette convention est là parce que votre livre va être distribué à des milliers (espérons-le) d'appareils, et ils auront tous des structures de répertoires différentes, ce qui signifie que le chemin complet vers l'emplacement de votre livre sera monnaie. Cependant, le chemin relatif entre votre image et le dossier racine "my-book" restera le même, où qu'il se trouve.

Ensuite, lorsque votre livre est terminé et que vous êtes prêt à le publier, vous compressez l'intégralité du répertoire « mon-livre » dans un fichier ZIP (Comment compresser des fichiers sous Windows 7) et téléchargez-le sur Amazon Kindle Direct Publishing.

La taille de vos images

Tout comme avec les images Web, le taille du fichier de vos images de livres Kindle est important. Des images plus grandes rendront votre livre beaucoup plus volumineux et plus lent à télécharger. Mais rappelez-vous que le téléchargement n'a lieu qu'une seule fois (dans la plupart des cas) et qu'une fois le livre téléchargé, la taille du fichier image n'affectera pas la lecture, mais une image de mauvaise qualité le sera. Des images de mauvaise qualité rendront votre livre plus difficile à lire et donneront l'impression que votre livre est mauvais.

Donc, si vous devez choisir entre une image de plus petite taille et une meilleure qualité, choisissez une meilleure qualité. En fait, les directives d'Amazon indiquent explicitement que les photos JPEG doivent avoir un paramètre de qualité d'au moins 40 et que vous devez fournir des photos dans une résolution aussi élevée que possible. Cela garantira que vos images sont belles, quelle que soit la résolution de l'appareil qui les visualise.

Vos images ne doivent pas dépasser 127 Ko. Cela garantira que vos images sont aussi belles que possible.

Mais, la taille ne se limite pas à la taille du fichier. Il y a aussi les dimensions de vos images. Si vous souhaitez qu'une image occupe le maximum d'espace d'écran sur le Kindle, vous devez la définir avec un rapport hauteur/largeur de 9:11. Idéalement, vous devriez publier des photos d'au moins 600 pixels de large et 800 pixels de haut. Cela prendra presque une page. Vous pouvez les créer plus grandes (par exemple 655x800 est le format 9:11), mais créer des photos plus petites peut les rendent plus difficiles à lire, et les photos inférieures à 300x400 pixels sont trop petites et peuvent être rejeté.

Formats de fichiers image et quand les utiliser

Les appareils Kindle prennent en charge les images GIF, BMP, JPEG et PNG dans le contenu. Cependant, si vous testez votre code HTML dans un navigateur avant de le charger sur Amazon, vous devez utiliser uniquement GIF, JPEG ou PNG.

Tout comme sur les pages Web, vous devez utiliser GIF pour les images au trait et les images clipart et utiliser JPEG pour les photographies. Vous pouvez utiliser PNG pour l'un ou l'autre, mais gardez à l'esprit les informations sur la qualité par rapport à la taille du fichier ci-dessus. Si l'image est meilleure dans un PNG, utilisez PNG; sinon, utilisez GIF ou JPEG.

Soyez prudent lorsque vous utilisez des fichiers GIF ou PNG animés. Lors de mes tests, l'animation fonctionnait lors de la visualisation du code HTML sur un Kindle, mais était ensuite supprimée lors du traitement par Amazon.

Vous ne pouvez pas utiliser de graphiques vectoriels comme SVG dans les livres Kindle.

Les Kindles sont en noir et blanc mais donnent de la couleur à vos images

D'une part, il y a plus d'appareils qui lisent des livres Kindle que les appareils Kindle eux-mêmes. La tablette Kindle Fire est en couleur et les applications Kindle pour iOS, Android et les ordinateurs de bureau affichent toutes les livres en couleur. Vous devez donc toujours utiliser des images en couleur lorsque cela est possible.

Les appareils Kindle eInk affichent les images dans 16 nuances de gris. Ainsi, même si vos couleurs exactes ne s'affichent pas, les nuances et les contrastes le font.

Placer des images sur la page

La dernière chose que la plupart des concepteurs de sites Web veulent savoir lors de l'ajout d'images à leurs livres Kindle est de savoir comment les positionner. Étant donné que les Kindles affichent les livres électroniques dans un environnement fluide, certaines fonctionnalités d'alignement ne sont pas prises en charge. À l'heure actuelle, vous pouvez aligner vos images avec les mots-clés suivants en utilisant CSS ou l'attribut "align". Son utilisation ressemble à ceci:

L'attribut align accepte les valeurs suivantes:

• Haut
• bas
• milieu
• la gauche
• droite

Si vous avez besoin de plus de contrôle, CSS est la solution.

Le texte n'enveloppera pas les images sur le Kindle. Vous devez donc considérer vos images comme un nouveau bloc au-dessous et au-dessus du texte environnant. Assurez-vous de vérifier où se produisent les sauts de page avec vos images. Si vos images sont trop grandes, elles peuvent créer des veuves et des orphelins du texte environnant au-dessus ou en dessous d'elles.