Taille de police minimale pour les visuels de réseaux sociaux

Sur un visuel social de 1080 px de large, notre minimum est de 40 px pour tout texte que le lecteur doit comprendre et de 32 px pour tout le reste, soit environ 14,4 et 11,6 pixels CSS lorsque la publication remplit un écran de téléphone de 390 points. Aucune plateforme sociale ne publie de taille de police minimale pour les images, ce sont donc nos propres chiffres, construits à partir du minimum de 11 pt d'Apple pour iOS et de l'arithmétique qui réduit une image de 1080 px à la taille d'un téléphone.

Notre hub typographie donne l'échelle typographique complète. Cet article se concentre sur le plancher : le calcul, la façon dont il change avec la taille du canevas, et ce qui se passe quand un texte plus long pousse la police d'un modèle vers le bas.

Existe-t-il une taille de police minimale officielle pour les réseaux sociaux ?

Non. Les plateformes publient des dimensions d'image et des limites de fichier, et nous n'avons trouvé aucune taille de texte minimale pour les images sur les pages d'aide de LinkedIn, Instagram, X ou Threads que nous avons consultées le 5 octobre 2026. Les chiffres officiels les plus proches viennent des guides d'interface et des normes d'accessibilité :

• Les guides typographiques d'Apple donnent 17 pt comme taille par défaut et 11 pt comme taille de texte minimale sur iOS et iPadOS. La même page conseille d'éviter les graisses Ultralight, Thin et Light, difficiles à voir en petite taille.
• Les WCAG ne fixent aucune taille minimale. Leur critère de contraste demande 4.5:1 en dessous de 18 pt (ou 14 pt en gras) et 3:1 au-dessus, et précise que ces tailles correspondent à peu près à 24 px et 18.5 px en CSS. Il couvre aussi les images de texte, et c'est exactement ce qu'est un visuel social.

Les 11 pt d'Apple sont écrits pour du texte d'interface vivant que les gens peuvent agrandir. Un texte figé dans un PNG ne peut pas être agrandi par le lecteur, et c'est notre raison de traiter 11 pt comme le plancher absolu, pas comme une cible.

Comment convertir les pixels du canevas en tailles sur un téléphone ?

Trois étapes, avec un téléphone comme référence. Un iPhone 16 a un écran de 1179 px de large et dessine 3 pixels physiques par point, il fait donc 1179 / 3 = 393 points de large. Nous arrondissons à 390 points comme largeur de référence. Notre hypothèse de travail est qu'un pixel CSS dans un navigateur de téléphone vaut un point, les deux unités sont donc interchangeables ici.

1. Facteur d'échelle. Une publication de 1080 px qui remplit un écran de 390 points est mise à l'échelle par 390 / 1080 = 0.361.
2. Pixels par point. Dans l'autre sens, 1 point = 1080 / 390 = 2.77 px de canevas.
3. Le plancher d'Apple sur votre canevas. 11 pt x 2.77 = 30.5 px de canevas.

Ces 30.5 px ne valent que lorsque l'image va d'un bord à l'autre. Beaucoup de fils affichent l'image plus étroite que l'écran, à côté d'une colonne d'avatar ou à l'intérieur de marges. Comme hypothèse de travail pour ces fils, prenez une image d'environ 300 points de large : le facteur descend à 300 / 1080 = 0.278, 1 point devient 3.6 px de canevas, et les 11 pt d'Apple deviennent 11 x 3.6 = 39.6 px. Arrondissez vers le haut et vous obtenez notre règle des 40 px pour le texte essentiel.

Taille sur un canevas de 1080 px	Pleine largeur, 390 pt (x 0.361)	Fil avec marges, 300 pt (x 0.278)	Notre verdict
110 px	39.7	30.6	Titre
72 px	26.0	20.0	Plus petit titre que nous recommandons
48 px	17.3	13.3	Texte d'appui confortable
40 px	14.4	11.1	Minimum pour le texte que les gens doivent lire
32 px	11.6	8.9	Étiquettes, identifiants, numéros de page seulement
24 px	8.7	6.7	Trop petit pour tout ce qui compte
20 px	7.2	5.6	Décoration

Les colonnes du milieu sont en px CSS, que nous traitons comme des points. Chaque chiffre du tableau est notre propre arithmétique.

Comment le minimum change-t-il avec la taille du canevas ?

La même règle donne un nombre de pixels différent sur chaque canevas, parce qu'un canevas plus large est réduit plus fortement. Divisez la largeur du canevas par la largeur affichée pour obtenir les px de canevas par point, puis multipliez par 11.

Canevas	Affiché à	Px de canevas par point	11 pt en px de canevas	Notre minimum pour le texte essentiel
Publication de 1080 px (1:1, 4:5, 9:16)	390 pt pleine largeur	2.77	30.5	40 px (fils avec marges)
Publication de 1080 px	300 pt avec marges	3.60	39.6	40 px
Paysage ou publicité de 1200 px	300 pt avec marges	4.00	44.0	44 px
En-tête X de 1500 px	390 pt pleine largeur	3.85	42.3	48 px
Publicité verticale de 720 px	300 pt avec marges	2.40	26.4	26 px

C'est pour cela qu'une taille de police copiée d'un format à un autre tourne mal. Une étiquette de 32 px qui convient sur une publicité de 720 px est trop petite sur un en-tête de 1500 px. Pour l'en-tête lui-même, voyez le guide visuel de l'en-tête et des publications X ; pour les publicités, le guide de conception des publicités à image unique LinkedIn.

Que devient la taille de police quand le texte s'allonge ?

Un modèle avec des zones de texte fixes doit faire quelque chose quand les mots ne tiennent pas. Notre moteur de rendu réduit la police pas à pas jusqu'à un plancher fixé par le designer, et ne coupe le texte qu'ensuite. Voici un modèle de citation de notre marque de démonstration AURORA avec trois longueurs de texte. La citation commence à 72 px, a un plancher de 44 px et autorise six lignes ; les tailles ci-dessous sont lues dans la sortie du moteur de rendu.

42 caractères : la citation reste à 72 px, environ 26 points en pleine largeur de téléphone.

159 caractères : la police tombe à 60 px, environ 21,7 points.

190 caractères : 50 px, environ 18 points en pleine largeur ou 13,9 dans un fil avec marges. Même au plancher de 44 px, la citation resterait au-dessus de notre règle des 40 px, et c'est précisément pour cela que le plancher est placé là. Un plancher à 26 px laisserait le même modèle descendre discrètement sous tout ce qu'un téléphone peut bien afficher.

Une remarque honnête sur notre propre démo : la ligne d'attribution de ce modèle est fixée à 20 px, environ 7 points sur un téléphone. C'est acceptable pour un crédit décoratif, mais si le nom compte, il a aussi sa place dans la légende.

À quoi ressemblent ces tailles à la largeur d'un téléphone ?

Ci-dessous, la longue citation est affichée à 390 px CSS de large, la largeur qu'elle reçoit lorsqu'elle remplit l'écran d'un iPhone typique. Sur un moniteur de bureau, un pixel CSS est physiquement plus grand que sur un téléphone, ouvrez donc cette page sur votre téléphone pour la juger à sa vraie taille.

Et voici une publication verticale dont la ligne d'appui est fixée à 24 px, d'abord en taille réelle puis à 390 px CSS.

À 390 px, la ligne de 24 px fait 8,7 points et le surtitre de 13 px dans la pastille passe sous 5. Le titre survit, les détails non. C'est l'échec habituel : personne ne fait un titre trop petit, c'est la deuxième ligne que l'on fait trop petite.

Comment intégrer des minimums dans un modèle ?

Notre liste de contrôle, pour ceux qui construisent les modèles :

• Fixez un plancher sur chaque zone de texte : 72 px pour les titres, 40 px pour tout ce qui est essentiel, 32 px pour les étiquettes, sur un canevas de 1080 px.
• Mettez ces planchers à l'échelle selon la largeur du canevas avec le tableau ci-dessus, jamais à l'œil.
• Plafonnez le nombre de caractères pour que le texte le plus long autorisé reste au plancher ou au-dessus.
• Testez le texte le plus long, pas le texte d'exemple, et regardez-le à 390 px de large.
• Gardez les graisses légères hors de tout ce qui est sous 48 px.
• Vérifiez le contraste de chaque petite ligne ; notre guide du contraste des couleurs donne les ratios des WCAG.
• Gardez le petit texte dans les zones sûres en plus de le garder au-dessus du plancher ; voyez les zones sûres des Stories et des Reels.
• Répétez tout ce qui est essentiel dans la légende et le texte alternatif, puisque personne ne peut zoomer sur une image du fil.

Dans Chikaboom, le designer fixe une seule fois la taille de départ et le plancher de chaque zone de texte, et les collègues qui remplissent le modèle ne peuvent pas faire descendre le texte en dessous. Vous pouvez essayer le comportement de réduction dans la démo en direct. Pour le volet mise en page du même problème, lisez nos principes de mise en page pour les visuels sociaux.