Symptômes

Les images d'un article ou d'une publication de la communauté sont beaucoup moins lisibles que l'original. S'il s'agit d'une capture d'écran d'une application, le texte risque d'être illisible. S'il s'agit d'une photo, la netteté n'est pas idéale.

Conditions

  • L'image semble normale et lisible dans un nouvel onglet de navigateur Web ou en pleine résolution.
  • Le problème ne se présente que dans votre centre d'aide.

Étapes de résolution

Bien que ce problème soit généralement identique dans toutes les situations, il peut y avoir plusieurs raisons.

CSS provoque le redimensionnement de l'image

Les images sont de toutes tailles, mais dans un centre d'aide, les limites dépendent généralement de l'endroit où elles se trouvent. Par exemple, le corps de la plupart des articles du centre d'aide fait environ 700 pixels de large. Si vous ajoutez une image d'une largeur de 2 000 pixels, elle risque d'être déformée car le navigateur Web doit adapter cette image au corps de l'article.

Pour remédier à ce problème, ajustez le code CSS pour permettre une image plus grande ou enregistrez l'image à une résolution beaucoup plus proche de la taille de son emplacement relatif. Dans l'exemple ci-dessus, l'enregistrement de l'image à une résolution de 700 px donne une représentation plus fidèle de l'image. En outre, adaptez 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 accélérer les téléchargements (sans redimensionner les dimensions de l'image), puis à utiliser width pour les classer 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 plus expérimentales, comme image-rendering qui ont un impact sur la façon dont le navigateur affiche vos images. Le code CSS personnalisé n'entre pas dans le cadre de l'assistance client Zendesk, mais vous pouvez réussir à utiliser ces propriétés.

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

Quand vous utilisez l'outil de zoom dans un navigateur, si vous naviguez jusqu'à un autre site Web, ce paramètre de zoom risque de perdurer et de rester agrandi. Cela peut poser des problèmes pour l'aspect des images, car le navigateur décide de l'aspect d'une image en tenant compte des facteurs CSS et de l'aspect qu'elle doit avoir avec un paramètre de zoom différent. Pour rétablir l'apparence de l'image, revenez à un 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.

Réalisé par Zendesk