Les images d’un Centre d’aide semblent floues ou déformées

Symptômes

Les images d’un article ou d’une publication de la communauté semblent beaucoup moins lisibles que l’original. S’il s’agit d’une capture d’écran d’une application, le texte risque d’être illisible. Si c’est une photo, la clarté est loin d’être idéale.

Conditions

L’image semble normale et lisible quand vous la regardez dans un nouvel onglet de navigateur Web ou en pleine résolution.
Le problème se présente uniquement dans votre Centre d’aide.

Étapes de résolution

Bien que ce problème ait généralement le même aspect dans toutes les situations, il peut y avoir plusieurs raisons.

CSS provoque le redimensionnement de l’image

Les images sont de toutes tailles, mais en général, dans un centre d’aide, les limites dépendent de leur emplacement. Par exemple, la plupart des corps des articles du Centre d’aide font environ 700 pixels. Si vous ajoutez une image de 2 000 pixels de large, elle risque d’être déformée car le navigateur Web doit l’adapter au corps de l’article plus étroit.

Pour remédier à ce problème, modifiez le code CSS pour permettre une image plus grande ou enregistrez l’image avec une résolution beaucoup plus proche de la taille de son emplacement relatif. Dans l’exemple ci-dessus, l’enregistrement de l’image avec une résolution de 700 pixels donne une représentation plus vraie de l’image. En outre, redimensionnez la hauteur à la nouvelle taille appropriée dans votre logiciel de retouche photo.

Conseil : Certaines de nos équipes internes ont réussi à compresser l’image en couleurs 8 bits pour des téléchargements plus rapides (sans redimensionner les dimensions de l’image), puis à utiliser width attribuer leur taille dans les articles (). Utilisez un éditeur d’image pour créer les fichiers de couleurs 8 bits.

Il existe aussi des propriétés CSS expérimentales, comme image-rendering qui affectent la façon dont le navigateur affiche vos images. Les feuilles de style CSS personnalisées ne sont pas du ressort de l’assistance client Zendesk, mais vous pouvez utiliser ces propriétés avec succès.

Le niveau de zoom du navigateur est configuré sur une valeur supérieure à 100%.

Quand vous utilisez l’outil de zoom dans un navigateur, si vous naviguez ensuite jusqu’à un autre site Web, il est possible que ce paramètre de zoom persiste et reste agrégé. Cela peut poser des problèmes pour l’aspect des images, car le navigateur travaille à décider de l’aspect d’une image en fonction de considérations CSS et de son apparence avec un paramètre de zoom différent. Pour rétablir l’aspect de l’image, revenez au zoom de 100% dans le navigateur.

Traduction - exonération : cet article a été traduit par un logiciel de traduction automatisée pour permettre une compréhension élémentaire de son contenu. Des efforts raisonnables ont été faits pour fournir une traduction correcte, mais Zendesk ne garantit pas l’exactitude de la traduction.

Si vous avez des questions quant à l’exactitude des informations contenues dans l’article traduit, consultez la version anglaise de l’article, qui représente la version officielle.