Pixelisation des images agrandies

Souvent, les graphiques contiennent du texte faisant partie de l’image. Par exemple, le graphique ci-dessous contient le mot « university« . Certains utilisateurs avec une basse vision utilisent des programmes qui élargissent les éléments sur l’écran de sorte qu’ils puissent les voir plus facilement. Malheureusement, quand le texte est dans une image agrandie, il apparaît souvent pixélisé et devient difficile à lire. Regardons un exemple.

Le graphique a été élargi à 500% de sa taille normale. Vous pouvez voir que le texte est difficile à lire. Si un texte réel avait été utilisé, il aurait été beaucoup plus facile à lire, comme dans l’exemple ci-dessous :

University

Donc, cela veut-il dire que vous ne devez pas utiliser de texte dans vos images ? Dans un monde idéal peut-être, mais la technologie actuelle rend difficile la réalisation de certains dessins sans utiliser du texte dans les graphiques. La réponse pratique est que vous devriez tenter de limiter la quantité de texte dans les graphiques. L’un des endroits où le texte à l’intérieur de graphiques peut être justifié est dans les logos et dans les images de marque. L’Internet ne propose pas une manière de véhiculer le texte de ce type d’image sans employer un plug-in tel que Flash ou SVG. Cependant, s’il existe un moyen d’utiliser de vrais textes, vous devez le faire.

Le texte pixélisé peut être particulièrement difficile à lire quand il y a d’autres éléments visuels à l’arrière-plan, comme dans cette image agrandie de la couverture d’un livre.

Bien que le texte en blanc contraste bien avec l’arrière-plan bleu foncé, les dessins de l’arrière-plan obscurcissent le texte, malgré le fait que ces dessins soient subtiles.

Recommandations

Si vous devez mettre du texte dans une image, suivez ces quelques recommandations :

• Utilisez des tailles de police aussi grandes que possible.
• Utilisez des polices simples si possible.
• Utilisez un bon contraste de couleur entre le texte et son arrière-plan.

Un bon outil pour vérifier les contrastes de couleurs (ainsi que les compatibilités de couleurs pour les daltoniens) peut être utilisé sur le site Vischeck.