Aller au contenu principal

Images dans les ebooks : Dimensionnement, format et accessibilité

·17 min read·
ImagesAccessibilitéEPUB

Chaque image de votre ebook a besoin de trois choses : le bon format de fichier, des dimensions appropriées et un texte alternatif. Si l'un de ces éléments est incorrect, vous vous exposez à des conséquences allant de la taille excessive des fichiers à la suppression du classement Amazon. Une analyse de 2025 portant sur plus de 10 000 scans d'EPUB via Rahatt a révélé que 68 % des ebooks contenant des images comportaient au moins une image sans texte alternatif, ce qui en fait la violation d'accessibilité la plus fréquente dans les livres auto-publiés.

Ce guide couvre les règles pratiques relatives aux images dans les ebooks : quels formats utiliser, comment les dimensionner, comment rédiger un texte alternatif efficace et comment gérer les images de couverture pour chaque grand détaillant.

Formats d'image : Quand utiliser quoi

Les ebooks prennent en charge quatre formats d'image, chacun étant adapté à différents types de contenu.

FormatIdéal pourCompressionTransparenceNombre max. de couleursTaille typique
JPEGPhotos, images complexesAvec perteNon16,7 millions50 Ko-1 Mo
PNGIllustrations, captures d'écran, texteSans perteOui16,7 millions100 Ko-2 Mo
GIFGraphiques simples (hérité)Sans perteOui (1 bit)25610 Ko-200 Ko
SVGIcônes, diagrammes, décorationsVectoriel (sans compression)OuiIllimité5 Ko-100 Ko

JPEG : Votre format par défaut pour les photographies

Utilisez le format JPEG pour toute image photographique, photo d'auteur, photo de scène, illustration réaliste. La compression JPEG fonctionne en supprimant les informations visuelles auxquelles l'œil humain est moins sensible. À des niveaux de qualité de 70 à 85 %, la dégradation visuelle est imperceptible pour la plupart des spectateurs, tandis que la taille des fichiers diminue de 80 à 90 % par rapport aux données non compressées.

Conseils sur le réglage de la qualité :

  • 85 %, Haute qualité, artefacts visibles minimes. À utiliser pour les images de héros et les photographies que les lecteurs étudieront.
  • 75 %, Bonne qualité, très petits artefacts dans les zones détaillées. Convient à la plupart des photographies en ligne.
  • 60 %, Perte de qualité notable dans les dégradés et les détails fins. Acceptable uniquement pour les petites vignettes.

N'utilisez pas le format JPEG pour les images contenant du texte, des lignes nettes ou des couleurs unies. La compression JPEG crée des artefacts visibles (flous, anneaux) autour des bords durs.

PNG : Bords nets et transparence

Utilisez le format PNG pour les captures d'écran, les illustrations avec des couleurs unies, les diagrammes avec des étiquettes de texte et toute image nécessitant de la transparence. Le format PNG est sans perte, il préserve chaque pixel exactement, mais les fichiers ont tendance à être plus volumineux que les équivalents JPEG.

Le format PNG est le bon choix lorsque :

  • L'image contient du texte lisible (en-têtes de chapitre rendus sous forme d'images, diagrammes annotés)
  • Vous avez besoin d'un arrière-plan transparent
  • L'image a des lignes nettes ou des formes géométriques
  • L'image a moins de 256 couleurs (le format PNG-8 les gère très efficacement)

SVG : Graphiques vectoriels

SVG (Scalable Vector Graphics) est un format basé sur XML qui décrit les formes mathématiquement plutôt qu'en pixels. Cela signifie que les images SVG s'adaptent parfaitement à n'importe quelle taille d'écran sans perdre en qualité.

Utilisez le format SVG pour :

  • Éléments décoratifs (ornements de chapitre, séparateurs de section)
  • Diagrammes et organigrammes simples
  • Icônes et logos
  • Figures mathématiques

La prise en charge du format SVG dans les lecteurs électroniques s'est considérablement améliorée depuis 2023. Tous les appareils Kindle fabriqués après 2020, toutes les versions d'Apple Books et les lecteurs électroniques Kobo exécutant le firmware 4.30+ rendent le format SVG correctement. Pour une compatibilité maximale, incluez toujours un texte alternatif ou un élément <img> de repli.

GIF : Généralement à éviter

Le format GIF est limité à 256 couleurs et produit des fichiers plus volumineux que le format PNG pour la plupart des cas d'utilisation. Le seul scénario où le format GIF a du sens dans un ebook est un simple graphique animé, mais le contenu animé n'est pas pris en charge par la plupart des lecteurs électroniques. Utilisez plutôt le format PNG.

Règles de dimensionnement des images

Dimensions maximales

Les lecteurs électroniques ont des résolutions d'écran limitées. Il n'y a aucun avantage à inclure une photographie de 4 000 pixels de large dans un ebook, le lecteur électronique la réduira et le fichier surdimensionné ne fera qu'augmenter la taille de votre EPUB.

Type d'imageLargeur maximale recommandéeHauteur maximale recommandéeNotes
Image de couverture2560px1600pxLes spécifications des détaillants varient (voir ci-dessous)
Illustration pleine page1600px2400pxOrientation portrait
Photographie en ligne1200px,Largeur contrainte
Petit diagramme800px,Placement à demi-largeur
Élément décoratif400px400pxSauts de scène, ornements

Dimensionnement CSS : La règle essentielle

Chaque image de votre EPUB doit être contrainte par CSS pour éviter le débordement sur les petits écrans. Sans cette règle, une image de 1200 pixels de large sur un écran de téléphone de 600 pixels de large s'étend au-delà de la fenêtre d'affichage, ce qui brise la mise en page.

img {
  max-width: 100%;
  height: auto;
}

Cette simple règle CSS garantit que les images sont réduites pour s'adapter à l'écran tout en conservant leur rapport hauteur/largeur. Elle doit figurer dans votre feuille de style pour chaque ebook, sans exception.

Pour les images qui ne doivent pas s'étirer au-delà de leur taille naturelle (petites icônes, par exemple), ajoutez :

img.inline-icon {
  max-width: 2em;
  height: auto;
}

Budgets de taille de fichier

La taille totale du fichier EPUB est importante pour la vitesse de téléchargement et les limites de téléchargement des détaillants. Amazon KDP a une limite de 650 Mo, mais les coûts de livraison augmentent avec la taille du fichier. Amazon facture environ 0,15 $ par Mo livré, ce qui est déduit de vos redevances.

Tailles de fichier cibles par image :

  • Image de couverture : moins de 2 Mo
  • Photographies pleine page : moins de 1 Mo chacune
  • Images en ligne : moins de 500 Ko chacune
  • Éléments décoratifs : moins de 50 Ko chacun

Tailles d'ebook totales cibles :

  • Roman en texte seul : moins de 2 Mo
  • Roman avec quelques illustrations : moins de 10 Mo
  • Documentaire riche en images : moins de 50 Mo
  • Livre de photographie ou d'art : moins de 200 Mo (envisager un EPUB à mise en page fixe)

Pour une vue d'ensemble de la façon dont la gestion des images s'intègre dans le processus de formatage EPUB, consultez notre guide complet du formatage d'ebooks.

Texte alternatif : L'exigence d'accessibilité

Le texte alternatif (texte de remplacement) est une description textuelle associée à une image qui transmet son contenu aux personnes qui ne peuvent pas la voir. Dans le code HTML de l'EPUB, il apparaît sous la forme de l'attribut alt sur les éléments <img> :

<img src="images/castle.jpg" alt="Un château médiéval sur une colline au coucher du soleil" />

Pourquoi le texte alternatif est non négociable

Exigence légale. La loi européenne sur l'accessibilité (en vigueur depuis juin 2025) exige un texte alternatif pour toutes les images significatives des ebooks vendus dans l'UE. Le non-respect de cette obligation vous expose à des mesures d'exécution qui varient selon les États membres.

Impact sur le classement Amazon. Le système de qualité d'Amazon pénalise l'absence de texte alternatif. Chaque image sans texte alternatif ajoute environ 10 points à votre score de risque de suppression, plafonné à 40 points. Un livre avec quatre textes alternatifs manquants ou plus sur les images clés peut passer d'un risque faible à un risque moyen ou élevé.

Expérience du lecteur. Environ 2,2 milliards de personnes dans le monde ont une forme de déficience visuelle. Les lecteurs d'écran annoncent les images en lisant le texte alternatif à voix haute. Sans lui, le lecteur entend soit le nom de fichier inutile ("IMG_2847.jpg"), soit l'image est entièrement ignorée.

Les règles d'un bon texte alternatif

Soyez concis. Visez moins de 125 caractères. Les lecteurs d'écran annoncent le texte alternatif sous forme de bloc unique et ininterrompu, les longues descriptions perturbent le flux de lecture.

Décrivez le contenu, pas l'apparence. "Un graphique à barres montrant que le chiffre d'affaires du T4 dépasse celui du T3 de 15 %" est plus utile que "Un graphique à barres coloré".

Adaptez-vous au contexte. La même photographie d'un chien peut avoir un texte alternatif différent selon le contexte. Dans un manuel de médecine vétérinaire : "Golden retriever montrant des signes de dysplasie de la hanche." Dans un mémoire : "L'animal de compagnie d'enfance de l'auteur, Buddy, dans la cour arrière."

Ignorez les images décoratives. Les séparateurs ornementaux, les textures d'arrière-plan et les éléments purement décoratifs doivent avoir un texte alternatif vide : alt="". Cela indique aux lecteurs d'écran de les ignorer.

Pour un traitement complet des techniques de rédaction de textes alternatifs, y compris des exemples pour différents types d'images, consultez notre guide dédié aux textes alternatifs.

Texte alternatif pour les images SVG

Les images SVG dans les EPUB nécessitent une approche différente. Au lieu d'un attribut alt (que les éléments <svg> ne prennent pas en charge), utilisez une combinaison de <title> et aria-label :

<svg aria-label="Organigramme de l'entreprise" role="img">
  <title>Organigramme de l'entreprise</title>
  <!-- Contenu SVG -->
</svg>

Pour les éléments SVG <image> (images raster intégrées dans le code SVG) :

<svg>
  <image href="photo.jpg" aria-label="Photo d'équipe lors de la retraite de 2025">
    <title>Photo d'équipe lors de la retraite de 2025</title>
  </image>
</svg>

Génération de texte alternatif assistée par l'IA

La rédaction de textes alternatifs pour des dizaines d'images prend du temps. Les outils d'IA peuvent générer des suggestions initiales que vous examinez et affinez ensuite.

Rahatt inclut une fonctionnalité de texte alternatif IA qui :

  1. Extrait toutes les images de votre EPUB
  2. Analyse chaque image à l'aide d'un modèle de vision
  3. Lit le texte environnant du livre pour le contexte
  4. Génère des suggestions de texte alternatif (moins de 125 caractères)
  5. Vous permet de revoir, de modifier et d'approuver chaque suggestion
  6. Injecte le texte alternatif approuvé dans l'EPUB

Cette approche est considérablement plus rapide que la rédaction manuelle de texte alternatif, généralement 15 à 30 minutes pour un livre contenant plus de 20 images, contre 1 à 2 heures pour la rédaction manuelle. L'IA gère la rédaction initiale pendant que vous conservez le contrôle éditorial complet.

Spécifications des images de couverture par détaillant

Votre image de couverture a les exigences les plus strictes de toutes les images de votre ebook, car elle sert à la fois d'élément dans le livre et de matériel de marketing sur les sites Web des détaillants.

DétaillantTaille minimaleTaille recommandéeFormatRapport hauteur/largeurTaille maximale du fichier
Amazon KDP625 x 1000px2560 x 1600pxJPEG, TIFF1:1,650 Mo
Apple Books1400px côté le plus court2560 x 1600pxJPEG, PNG1:1,525 Mo
Kobo1400 x 1873px2560 x 1600pxJPEG, PNG1:1,3310 Mo
Barnes & Noble750 x 1200px2000 x 3200pxJPEG1:1,620 Mo
Google Play640 x 1024px2560 x 1600pxJPEG, PNG,2 Go (livre total)
IngramSpark1563 x 2500px1563 x 2500pxJPEG1:1,6,

Recommandation pratique : Créez votre couverture en 2560 x 1600px au format JPEG, ce qui répond ou dépasse les exigences de chaque détaillant. Ce fichier unique fonctionne sur toutes les plateformes sans modification.

Image de couverture dans l'EPUB

Votre image de couverture doit être référencée dans le manifeste OPF avec la propriété cover-image :

<item id="cover-img" href="images/cover.jpg"
      media-type="image/jpeg" properties="cover-image"/>

La couverture doit également apparaître comme le premier contenu d'un fichier XHTML de couverture dédié :

<body>
  <figure>
    <img src="images/cover.jpg"
         alt="Couverture du livre : Le Jardin de Minuit par Jane Smith" />
  </figure>
</body>

Notez le texte alternatif sur l'image de couverture. De nombreux auteurs l'oublient, mais la couverture est une image comme les autres, elle a besoin d'un texte alternatif. Un bon modèle est : "Couverture du livre : [Titre] par [Auteur]".

Gérer les scénarios d'images courants

Tableaux sous forme d'images

Si votre livre contient des tableaux trop complexes pour le rendu HTML dans les lecteurs électroniques, vous devrez peut-être les convertir en images. Lorsque vous le faites :

  1. Rendez le tableau en haute résolution (au moins 1200 pixels de large)
  2. Utilisez le format PNG pour préserver la clarté du texte
  3. Rédigez un texte alternatif descriptif qui résume les données du tableau
  4. Envisagez d'inclure les données du tableau dans un élément <details> pour les utilisateurs de lecteurs d'écran

Cependant, essayez toujours d'abord les tableaux HTML. Les lecteurs électroniques modernes gèrent bien les tableaux de base, et les tableaux HTML sont intrinsèquement accessibles. Ne recourez aux images que pour les mises en page vraiment complexes (cellules fusionnées, texte pivoté, graphiques intégrés).

Cartes et diagrammes

Les cartes et les diagrammes complexes bénéficient d'une approche en couches :

  1. L'image elle-même (JPEG ou PNG à 1200 pixels de large)
  2. Un texte alternatif résumant ce que la carte ou le diagramme montre
  3. Une description plus longue dans le texte environnant ou une légende de figure

Par exemple :

<figure>
  <img src="images/trade-routes.png"
       alt="Carte des routes commerciales médiévales reliant Londres, Paris, Venise et Constantinople" />
  <figcaption>Figure 3.1 : Principales routes commerciales au XIIIe siècle.
    La route principale reliait Londres à Venise en passant par Paris,
    avec une route secondaire s'étendant jusqu'à Constantinople.</figcaption>
</figure>

Éléments décoratifs en ligne

Les ornements de saut de scène, les décorations de chapitre et les fioritures sont décoratifs, ils ajoutent un intérêt visuel mais ne transmettent aucune information. Marquez-les avec un texte alternatif vide :

<div class="scene-break">
  <img src="images/ornament.png" alt="" />
</div>

Le code alt="" vide n'est pas la même chose qu'un attribut alt manquant. Un code alt vide indique aux lecteurs d'écran "cette image est décorative, ignorez-la." Un attribut alt manquant déclenche une violation d'accessibilité.

Flux de travail d'optimisation des images

Avant d'ajouter des images à votre EPUB, exécutez-les via ce flux de travail d'optimisation :

  1. Redimensionnez aux dimensions maximales appropriées (1200-1600px pour les images en ligne)
  2. Compressez à l'aide d'un optimiseur d'images :
    • Squoosh (gratuit, basé sur le Web, excellente qualité)
    • ImageOptim (gratuit, Mac)
    • TinyPNG (niveau gratuit, basé sur le Web, fonctionne également pour JPEG)
  3. Convertissez au format approprié (JPEG pour les photos, PNG pour les illustrations)
  4. Rédigez un texte alternatif avant d'insérer l'image, il est plus facile de décrire une image pendant que vous la regardez
  5. Insérez dans votre EPUB avec un texte alternatif et des contraintes de dimensionnement CSS
  6. Validez en exécutant l'EPUB via Rahatt pour vérifier l'absence de texte alternatif et d'autres problèmes d'accessibilité

Ce flux de travail ajoute 1 à 2 minutes par image, mais peut éviter des heures de dépannage plus tard.

Tester les images sur différents appareils

Les images qui semblent parfaites sur l'écran de votre ordinateur peuvent s'afficher différemment sur les lecteurs électroniques. Testez sur au moins deux des éléments suivants :

  • Kindle Previewer 3 (gratuit), Affiche le rendu sur les appareils et l'application Kindle
  • Apple Books (Mac/iOS), Rend l'EPUB en natif
  • Calibre Viewer (gratuit), Bon pour les vérifications rapides
  • Thorium Reader (gratuit), Excellente prise en charge d'EPUB 3
  • Lecteur électronique physique, Rien ne remplace les tests sur l'appareil réel que vos lecteurs utiliseront

Portez une attention particulière à :

  • Les images sur les petits écrans (téléphone, Kindle de 6 pouces), sont-elles correctement mises à l'échelle ?
  • Les images avec du texte, le texte est-il lisible à petite taille ?
  • L'image de couverture, s'affiche-t-elle correctement sur l'écran d'accueil du lecteur électronique ?
  • Les modes sombre/sépia, les images avec des arrière-plans blancs sont-elles discordantes ?

Questions fréquemment posées

Combien d'images puis-je inclure avant que la taille du fichier ne devienne un problème ?

Il n'y a pas de limite stricte, mais maintenez la taille totale de l'EPUB en dessous de 50 Mo pour une distribution confortable. À une qualité optimisée, cela permet d'avoir environ 50 à 100 photographies ou plus de 200 illustrations. Le coût de livraison d'Amazon (0,15 $/Mo) est la contrainte pratique pour les livres riches en images, un ebook de 50 Mo coûte 7,50 $ de frais de livraison par vente, ce qui réduit considérablement vos redevances. Déterminez si vous avez vraiment besoin de chaque image à une qualité maximale.

Dois-je utiliser le format WebP dans les ebooks ?

Non, pas encore. Bien que WebP offre une compression supérieure à JPEG et PNG, la prise en charge des lecteurs électroniques est incohérente au début de 2026. Les appareils Kindle sortis après 2023 prennent en charge WebP, mais les anciens Kindle, Kobo et certains lecteurs tiers ne le prennent pas en charge. Utilisez JPEG et PNG pour une compatibilité fiable entre les appareils. Réexaminez WebP en 2027-2028 à mesure que les anciens appareils disparaissent progressivement.

Comment puis-je ajouter un texte alternatif si mon outil de formatage ne le prend pas en charge ?

Deux options : (1) Ouvrez votre EPUB exporté dans Sigil et ajoutez manuellement des attributs alt à chaque balise <img> dans les fichiers XHTML. (2) Téléchargez sur Rahatt et utilisez la fonctionnalité de texte alternatif alimentée par l'IA, qui génère des suggestions tenant compte du contexte et les injecte après votre examen. L'option 2 est plus rapide pour les livres contenant de nombreuses images. Pour des conseils détaillés sur la rédaction de texte alternatif, consultez notre guide du texte alternatif pour les ebooks.

Les images décoratives ont-elles besoin d'un texte alternatif ?

Les images décoratives ont besoin d'un attribut alt, mais il doit être vide : alt="". Ce n'est pas la même chose que d'omettre complètement l'attribut alt. Un code alt vide indique aux lecteurs d'écran d'ignorer l'image. Un attribut alt manquant est signalé comme une violation d'accessibilité par EPUBCheck, DAISY Ace et les systèmes de qualité d'Amazon. Chaque balise <img> doit avoir un attribut alt, la question est de savoir s'il contient du texte descriptif ou s'il est vide.

Puis-je utiliser des images CMJN dans mon ebook ?

Non. Les ebooks nécessitent un espace colorimétrique RVB. Les images CMJN (courantes dans les flux de travail d'impression) peuvent s'afficher avec des couleurs décalées ou ne pas s'afficher du tout sur certains lecteurs électroniques. Si vous réutilisez des images imprimées pour un ebook, convertissez-les de CMJN en sRVB dans votre éditeur d'images avant de les insérer. Photoshop, GIMP et la plupart des outils d'image en ligne gèrent cette conversion. Pour en savoir plus sur le processus de formatage global, consultez notre guide complet du formatage d'ebooks.

Prêt à vérifier votre EPUB ?

Analyser votre EPUB gratuitement