Rubriques d'aide
Contactez-nous
Des commentaires ? Vous ne trouvez pas la réponse dans nos pages d'aide ?
Règles relatives aux images - Format réajustable
Table des matières
- Formats d'entrée pris en charge pour les images
- Normes de format et de qualité des images
- Dimensions des images pour les mises en forme dynamiques
- Utiliser des images en couleur
- Les photographies doivent être optimisées pour les appareils haute résolution
- Utiliser les formats GIF ou PNG pour les illustrations au trait et le texte
- Tailles d'image et de police exigées pour les illustrations au trait et le texte
- HTML ou Images
- Positionnement des légendes des images
- Définition des proportions de l'image
- Balises et éléments SVG pris en charge
Formats d'entrée pris en charge pour les images
Les appareils et applications de lecture Kindle ne prennent pas en charge le format TIFF, les images GIF multitrames, ni les autres types d’image avec transparence.
- KF8 prend en charge les fichiers GIF, BMP, JPEG, PNG et SVG (graphique vectoriel adaptable).
- La fonctionnalité de composition améliorée prend en charge les fichiers GIF, JPEG et PNG. En revanche, la composition améliorée n’accepte pas les images SVG. Toutefois, la rastérisation SVG est partiellement prise en charge.
Lorsque vous utilisez des images pour intégrer des schémas, des graphiques, des tableaux, des cartes ou tout autre élément comportant du texte, prêtez une attention toute particulière à la lisibilité de l'image finale.
Ajoutez les images au fichier source en utilisant la balise HTML standard. Si l'image est suffisamment représentative du contenu, utilisez l'attribut alt pour inclure un texte qui le transmettra aux clients qui utilisent la technologie d'assistance. Le texte soumis via l’attribut alt ne doit pas dépasser 140 caractères et doit décrire l'image et sa signification. Si l'image est purement décorative et n'a aucun rapport avec le contenu, ou si le texte d’accompagnement de la page fournit suffisamment de contexte pour l'image, définissez la valeur null sur alt ="" afin qu'elle puisse être ignorée par la technologie d'assistance.
Important : lorsque vous enregistrez un fichier, utilisez le profil de couleurs RVB. Kindle ne prend pas en charge les profils CMJN et sRVB.
Normes de format et de qualité des images
Les images doivent respecter la norme de qualité minimale de 300 ppi pour le format d'affichage prévu. Le format minimal d'une image en pleine page dans un livre, après intégration des marges, en-têtes, numéros de page et légendes, est de 10,16 x 15,24 cm (4 x 6 pouces). À 300 ppi, la définition de cette image doit s'élever au minimum à 1 200 x 1 800 pixels. Les termes suivants définissent des cas d'utilisation spécifiques et donnent des exemples de la marche à suivre pour respecter cette norme.
- Images importantes/non importantes. Les images sont considérées comme importantes si elles ont un rapport avec le contenu. Exemples d'images importantes : images incluant des légendes, des cartes, des tableaux, des équations, des illustrations au trait, des illustrations et des photographies. Toutes les images importantes doivent respecter la norme minimale de 300 ppi. Les images ne sont pas considérées comme importantes si elles sont uniquement destinées à des fins décoratives ou si elles n'apportent aucune valeur au contenu. Exemples d'images non importantes : la première de couverture, les fleurons, les logos et les icônes de réseaux sociaux.
- Images de couverture. La mise en page des images de couverture doit toujours être en pleine page. Ces images doivent mesurer au moins 1 200 pixels de large et 1 800 pixels de haut.
- Images en bloc. Amazon recommande d'utiliser des images haute résolution avec une mise en page la plus large possible. Amazon mesure 300 ppi sur un appareil canonique de 4 x 6 pouces (soit 1 200 pixels x 1 800 pixels). Pour calculer une mise en page la plus large possible pour une image, divisez la largeur ou la hauteur de l'image par l'écran de 10,16 x 15,24 cm (4 x 6 pouces), soit 1200 (largeur) x 1800 (hauteur). Pour calculer la taille d'écran de l'image, vous devez indiquer le pourcentage de largeur ou de hauteur d'une image dans la balise d'image. Référez-vous au tableau suivant pour connaître la configuration minimale requise, en pixels, afin de respecter l’exigence de 300 ppi définie par Amazon.
Largeur ou hauteur de la mise en page de l'image | Largeur minimale requise (en pixels) | Hauteur minimale requise (en pixels) |
100 % | 1200 | 1800 |
80 | 960 | 1440 |
60 % | 720 | 1080 |
40 % | 580 | 720 |
Remarque : Amazon déconseille les images importantes à moins de 40 %.
Exemples de codage en largeur et/ou hauteur pour une image :
- Vous pouvez définir une largeur ou une hauteur directement dans la balise d'image (voir le texte en gras).
Exemple :
<img src="happy.gif" alt="Visage souriant" style="width:70%">
- La largeur ou la hauteur peuvent être indiquées dans la balise parente div (voir le texte en gras).
Exemple :
<div style="width:50%">
<img src="image4.png" />
</div>
Dimensions des images pour les mises en forme dynamiques
Amazon recommande de définir une valeur en pourcentage pour l'attribut de style width des images associées aux styles bloc (block) et flottement (float). Cela permet de garantir que les images occupent toujours le même pourcentage d'espace à l'écran, quelle que soit la résolution de l'appareil. Les images intégrées au sein d'une ligne doivent être dimensionnées en unités em de façon à s'adapter au texte qui les entoure lorsque les utilisateurs ajustent la taille de la police de leur dispositif de lecture.Utiliser des images en couleur
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. Si votre image est une photo, elle doit être au format JPEG.
Même si le marché visé ne propose actuellement que des liseuses, utilisez autant que possible des images en couleur, afin d'assurer la compatibilité avec les futurs appareils.
Les photographies doivent être optimisées pour les appareils haute résolution
Les photos doivent être enregistrées au format JPEG avec un haut niveau de qualité. Vous devez utiliser la plus haute résolution possible, dans les limites de la taille maximale acceptée.
Les photos de moins de 300 x 400 pixels s'adapteront à la résolution de l'appareil et peuvent devenir floues. Pour afficher une image plus petite, fournissez une image plus grande et utilisez CSS pour la réduire au format souhaité.
Amazon recommande d'assurer un affichage net des images sur tous les appareils à un agrandissement X 2. Autrement dit, si l'image doit être affichée en pleine largeur sur les appareils, sa largeur doit correspondre à 3200 px (soit le double de la largeur de notre appareil présentant la résolution la plus élevée, le Kindle Fire HDX 8.9 pouces). Les images de plus petite taille peuvent être redimensionnées en conséquence.
Si les photos sont au format GIF ou si elles sont trop petites, les convertir au format JPEG ou augmenter artificiellement leur taille ne permet pas d'améliorer leur qualité. La seule solution est de revenir au fichier source d'origine pour créer une image JPEG d'une résolution suffisante.
Pour certaines images, notamment les photographies anciennes, il n'est pas forcément possible de se procurer une version atteignant une résolution de 300 ppi. Dans un tel cas, fournissez une image de qualité optimale. Amazon recommande fortement que les images possèdent une résolution minimale de 300 ppi. Toutes les images dont la résolution est inférieure à 72 ppi provoqueront l'échec de la conversion du livre.
Utiliser les formats GIF ou PNG pour les illustrations au trait et le texte
Les illustrations au trait sont des dessins qui comprennent un nombre limité de couleurs (par exemple, des images dessinées dans Adobe Illustrator, Microsoft Paint ou Microsoft PowerPoint, y compris celles en noir et blanc). Le texte, les graphiques, les diagrammes et les tableaux sont des exemples d'illustrations au trait.
Les illustrations au trait doivent être au format GIF ou PNG. L'algorithme JPEG tente de fusionner certaines parties de l'image et estompe les bords nets de l'illustration au trait, ce qui rend l'image floue, ainsi que le texte qu'elle contient, le cas échéant.
Le texte apparaissant dans les illustrations au trait doit être net et lisible.
Optimisez les images GIF des illustrations au trait avant de les soumettre à KindleGen. Le redimensionnement ou la compression JPEG des illustrations au trait entraîne des effets de flou ou des défauts indésirables. C'est pourquoi Amazon insiste pour que les illustrations au trait soient fournies au format GIF ou PNG.
Voici quelques astuces qui vous permettront d'optimiser les fichiers GIF et PNG, tout en respectant la taille maximale autorisée :
- Réduisez le nombre de couleurs utilisées. Cela est souvent réalisable sans altérer la qualité de l'image. Des illustrations au trait qui semblent être en noir et blanc peuvent en fait être codées en couleur du fait de certains algorithmes d'anticrénelage. Voici un exemple (sur l'image de gauche, notez les nuances de rouge et de bleu qui entourent la lettre « A ») :
- Le cas échéant, supprimez les marges blanches qui entourent l'image. Lorsque vous rognez l'image, tenez compte du rendu qu'elle aura sur les appareils configurés pour utiliser des fonds blancs, sépia, verts ou noirs.
- Redimensionnez l’image si nécessaire, mais en veillant à préserver la lisibilité du texte (voir la section suivante, relative aux images : Tailles d'image et de police exigées pour les illustrations au trait et le texte).
Tailles d'image et de police exigées pour les illustrations au trait et le texte
Une image comportant du texte ne doit pas être sensiblement plus grande que l'écran du Kindle. Les liseuses Kindle offrent la possibilité de faire pivoter une image pour mieux utiliser la surface totale de l'écran. Les tablettes Fire et l'application Kindle pour iPhone permettent d'agrandir et de déplacer l'image.
- La taille MINIMALE du texte est de 6 pixels en hauteur pour la lettre « a » minuscule. L'image elle-même doit mesurer plus de 6 pixels en hauteur si elle inclut une marge au-dessus ou en dessous du « a ». Toute image contenant une seule ligne de texte, comme dans l'exemple ci-dessous, doit mesurer au moins 45 pixels en hauteur afin que sa taille soit proportionnelle à celle du texte qui l'entoure.
HTML ou images
N'utilisez pas des images pour présenter de gros blocs de texte. 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 images contenant beaucoup de texte peuvent se rétracter pour s'adapter à la taille de l'écran, ce qui aura pour effet de rendre le texte illisible. En revanche, l'utilisation d’une version HTML permettra de répartir le texte sur plusieurs pages.
Positionnement des légendes des images
Amazon recommande de placer la légende sous l'image qui lui est associée, afin que le lecteur voie l'image avant la légende. Placez la légende dans une balise <div> distincte, de façon à ce qu'elle apparaisse sous l'image.
Exemple :
|
<img src="test.jpg" style="display:block" /> <div>Ceci est une légende</div> |
Définition des proportions de l'image
Pour conserver les proportions des images, la largeur et la hauteur ne peuvent pas être toutes les deux définies par un pourcentage fixe. Vous pouvez attribuer un pourcentage fixe (par exemple, 100 %) à l'un des deux paramètres (hauteur ou largeur), mais l'autre valeur doit alors être définie sur auto pour conserver les proportions du format d'image.Balises et éléments SVG pris en charge
À l’heure actuelle, la composition améliorée ne propose qu’une prise en charge réduite des graphiques vectoriels évolutifs (SVG).
Obligatoire :
- viewBox est obligatoire et doit comporter quatre valeurs (min x, min y, width, height). Les quatre valeurs doivent être constituées de nombres entiers et les deux premières valeurs doivent être 0.
- Indiquez la largeur et la hauteur en pourcentages (de préférence) ou en nombres entiers.
- Le cas échéant, fournissez un texte alternatif pertinent avec l'attribut < alt => sur les images SVG.
Valeurs prises en charge :
- Les SVG en bloc et en ligne sont pris en charge.
- Pour les fichiers SVG, utilisez toujours et exclusivement <svg :> sans espaces de noms.
- <svg> avec une seule balise <image> pour enfants est pris en charge.
- <img> avec l'attribut .svg in href est pris en charge.
- L'image d'arrière-plan au format .svg est prise en charge. Dans ce cas, Amazon prend uniquement en charge certains éléments du fichier SVG : <svg>, <path>, <g>, <polyline>, < poly;>, <rect>, <line>, <circle>, <ellipse>, <radialGradient>, <linearGradient>, <stop>, feGaussianBlur, filtrer, <defs>, <clipPath>, <clipPath>, <use>, title.
Valeurs non prises en charge :
- La valeur <svg> avec <text> est prise en charge.
- La valeur <svg> avec preserveAspectRatio = » slice » n'est pas prise en charge. Si rien n'est spécifié, la valeur par défaut est utilisée automatiquement.
- Si l'attribut transform est utilisé, il doit inclure « translate (0) ». Les autres valeurs des attributs de transformation complexes ne sont pas prises en charge.
- Si l'attribut visibility est utilisé, il doit être défini sur la valeur « visible ». Dans le cas contraire, la conversion échoue.
- Utilisez la balise <a> uniquement dans <rect> et avec remplissage opacity = » 0.0 ». La valeur <a> sera supprimée.
- Ouvrez la page HTML avec une image SVG dans un navigateur. Si elle n'est pas visible dans le navigateur, cela signifie que l'image SVG n'est pas prise en charge par la composition améliorée.
- Les ebooks contenant plus de 25 images SVG ne sont pas pris en charge par la composition améliorée.
