Vos infographies Amazon sont illisibles sur téléphone : faites le calcul

Presque toutes les images de fiche sont conçues en 2 000 px sur un écran de 27 pouces et consultées à quelques centaines de pixels, d'une seule main, dans le métro. C'est ce décalage, et non une question de goût, qui fait échouer tant d'infographies : la mise en page survit à la réduction, la typographie non. Pour corriger cela, il ne faut pas un avis mais un facteur d'échelle, une taille de texte minimale qui en découle, et un test réalisable en cinq minutes sans solliciter le jugement de qui que ce soit.

Quelle part du trafic est mobile, honnêtement

Assez pour que le mobile soit la cible de conception, et le chiffre exact est réellement disputé. Les estimations d'analytique de trafic pour amazon.com en 2026 situent le mobile autour de 57-58% des visites, d'autres outils montent à 60-75% selon la méthode et le marché. Dans le même temps, au moins une enquête consommateurs place la majorité des achats Amazon finalisés sur ordinateur. Les deux peuvent être vraies : on parcourt sur téléphone et on paie sur portable. La conclusion de conception ne change pas. La première impression de votre série d'images — celle qui décide s'il y aura une deuxième visite — se joue presque toujours sur un écran de la taille d'un passeport.

Le calcul que personne ne fait

Prenez une image de 2 000 × 2 000 px. Sur téléphone, le carrousel de la page produit s'affiche à peu près à la largeur logique de l'appareil : environ 390 points sur un iPhone récent, 360 à 412 sur les Android courants, moins les marges. Disons 360 points utiles. C'est une réduction d'environ 5,5 fois. La vignette en résultats de recherche est encore plus petite, souvent entre un tiers et la moitié de la largeur d'écran.

Passez maintenant votre typographie dans ce calcul. Un titre de 40 px sur un plan de travail de 2 000 px s'affiche à environ 7 points dans le carrousel. Une légende de 24 px tombe à 4. Ni l'un ni l'autre ne se lit, et ni l'un ni l'autre ne ressemble à une erreur dans votre fichier de design : c'est tout le piège. Tout audit du type « pourquoi ça ne convertit pas » devrait commencer par cette multiplication, pas par la mise en page.

Une taille minimale que l'on peut citer

Amazon ne publie pas de taille de police minimale pour les images de fiche. Il en publie une pour les créations publicitaires mobiles, et c'est ce qui se rapproche le plus d'une position officielle sur ce qu'Amazon considère lisible sur téléphone. Dans ses spécifications d'annonces mobile shopping, Amazon exige au minimum 16 pt sur les formats 640×100 et 828×250, 26 pt sur les emplacements 828×250 des pages produit et recherche, 32 pt sur les 600×500 et 48 pt pour tout le texte de la création Encore en 2 560×2 560 — avec une règle sans détour : l'intégralité du texte doit être lisible sur les appareils mobiles compatibles, et les annonces illisibles sont refusées.

Le carré de 2 560 px est le format utile, car c'est l'emplacement le plus proche d'une image de fiche par sa forme et son échelle. Son plancher de 48 pt représente environ 1,9% du côté le plus long. En transposant ce ratio, on obtient un minimum de travail défendable :

• Texte courant et légendes : au moins 2% du côté le plus long. Soit 40 px sur un carré de 2 000 px. En dessous, vous passez sous le propre plancher mobile d'Amazon.
• Titres : 4 à 6% du côté le plus long, donc 80 à 120 px sur 2 000 px. C'est la ligne qui doit survivre à la vignette de recherche.
• Rien sous 1,5%, soit 30 px à 2 000. Si une mention ne tient pas à cette taille, elle appartient aux puces, pas à l'image.

Deux réserves honnêtes. C'est une spécification publicitaire, pas une règle applicable aux images de fiche : un plancher raisonné, pas une exigence de conformité. Et les points de cette spec supposent la taille d'affichage de l'annonce elle-même ; ce qui se transpose, c'est le pourcentage, pas le chiffre.

Ce qui casse aussi à 1:5,5

La typographie est la panne la plus bruyante, pas la seule. Les filets fins et les contours de 1 à 2 px disparaissent purement et simplement. Les caractères display fins perdent d'abord leurs déliés, et c'est pourquoi une graisse légère, élégante en grand, paraît cassée en vignette : montez d'une graisse de plus que ce qui vous semble juste. Les palettes peu contrastées qui passent sur un écran calibré s'effondrent dehors à 40% de luminosité. Les grilles à quatre quadrants, réflexe par défaut de l'infographie, mettent quatre messages concurrents dans un espace qui n'en porte qu'un. Et une ligne de rappel pointant un détail de 30 px ne désigne rien de visible. Tout contenu critique proche du bord est également menacé, car le mobile recadre plus serré que ne le laisse croire l'aperçu bureau.

Il en découle une hiérarchie, pas une règle : un message par image, énoncé dans un titre qui survit à la vignette, avec le détail de soutien dimensionné pour le carrousel et les mentions fines réservées au zoom. Le zoom est le seul contexte où le petit texte est légitime, et il n'existe qu'au-delà de 1 000 px sur le côté le plus long, 1 600 px ou plus étant recommandés.

Le test de cinq minutes

À faire avant chaque envoi. Il remplace le débat par une preuve.

1. Exportez une copie en 360 px de l'image finie. C'est à peu près la taille du carrousel, et un rééchantillonnage est la simulation honnête la plus rapide qui soit.
2. Regardez-la sur votre vrai téléphone — envoyez-la-vous par message — à distance de lecture normale et à votre luminosité habituelle, pas à 100% dans une pièce sombre. Si vous ne lisez pas le titre en deux secondes, le reste de l'image n'a plus d'importance.
3. Recommencez à 160 px pour le cas des résultats de recherche. Là, vous ne lisez pas, vous reconnaissez : comprend-on quel est le produit, et un mot survit-il ?
4. Test de flou. Appliquez un flou puissant sur l'image entière. Ce qui reste lisible correspond à ce qu'absorbe un acheteur qui fait défiler. S'il ne reste rien, votre hiérarchie est plate.
5. Vérifiez dans la vraie application. La version la plus fiable de ce test est en direct : ouvrez la fiche d'un concurrent dans l'application Amazon, notez lesquelles de ses images vous arrivez à lire en faisant défiler, et tenez-vous au même niveau.

Deux contrôles supplémentaires méritent d'entrer dans la routine. Testez dans votre langue la plus longue : l'allemand et le français dépassent typiquement l'anglais de 15 à 30%, si bien qu'un titre qui tient à 90 px en anglais réclame 70 px en allemand, et passe discrètement sous le plancher. Et testez les images dans leur ordre réel, puisque les deux ou trois premières sont ce qu'un acheteur mobile voit sans ouvrir volontairement la galerie : la question de l'ordre est traitée dans combien d'images pour une fiche, et la base de conformité dans la référence des exigences d'image.

Concevoir pour le téléphone, l'ordinateur suit gratuitement

Ce qui rassure, à concevoir contre le plancher mobile, c'est que cela ne coûte rien sur ordinateur. Une typo plus grande, une graisse au-dessus, plus de contraste et un message par image ne paraissent pas grossiers sur un écran de 27 pouces : ils paraissent assurés. L'inverse ne marche jamais. Une image pensée pour le bureau ne se rattrape sur téléphone que par une refonte. Fixez donc les minimums une fois, inscrivez-les dans votre gabarit, et cessez de rediscuter la taille du texte à chaque référence.