Bilder in einem Help Center erscheinen verschwommen oder verzerrt

Symptome

Bilder in einem Beitrag oder Community -Post sind deutlich weniger lesbar als das Original. Wenn es sich um einen Screenshot einer Anwendung handelt, ist der Text möglicherweise nicht lesbar. Wenn es sich um ein Foto handelt, ist die Klarheit alles andere als ideal.

Voraussetzungen

Das Bild sieht normal und lesbar aus, wenn es in einer neuen Registerkarte im Webbrowser oder in voller Auflösung angezeigt wird.
Das Problem tritt nur in Ihrem Help Center auf.

Lösungsschritte

Obwohl dieses Problem in der Regel in allen Situationen gleich aussieht, kann es mehrere Gründe dafür geben.

CSS ändert das Bild

Bilder gibt es in allen Größen, aber in einem Help Center werden die Grenzen in der Regel durch den Ort bestimmt, an dem sie sich befinden. Beispielsweise sind die meisten Beitragsinhalte im Help Center etwa 700 Pixel breit. Wenn ein Bild mit einer Breite von 2000 px hinzugefügt wird, wird es wahrscheinlich verzerrt, da der Webbrowser das Bild in den engeren Textbereich des Beitrags einpassen muss.

Um dies zu beheben, passen Sie den CSS -Code an, um ein größeres Bild zu erhalten, oder speichern Sie das Bild mit einer Auflösung, die viel näher an der Größe seiner relativen Position liegt. Wenn Sie das Bild im obigen Beispiel in einer Auflösung mit einer Breite von 700 px speichern, erhalten Sie eine realistischere Darstellung. Außerdem können Sie die Höhe in Ihrer Fotobearbeitungssoftware auf die neue Größe skalieren.

Tipp: Einige unserer internen Teams konnten das Bild auf 8-Bit-Farbe komprimieren, um schnellere Downloads zu erzielen (ohne die Bildabmessungen zu ändern) width , um sie in Beiträgen (). Verwenden Sie einen Bildeditor, um die 8-Bit-Farbdateien zu erstellen.

Alternativ gibt es experimentellere CSS -Eigenschaften wie image-rendering die sich auf die Anzeige von Bildern im Browser auswirken. Angepasstes CSS ist nicht Teil des Zendesk -Kundensupports, aber mit diesen Eigenschaften können Sie erfolgreich arbeiten.

Die Zoomstufe des Browsers ist auf einen Wert größer als 100% gesetzt

Wenn Sie das Zoom -Tool in einem Browser verwenden und dann zu einer anderen Website navigieren, bleibt diese Zoom -Einstellung möglicherweise bestehen und bleibt vergrößert. Dies kann zu Problemen bei der Darstellung von Bildern führen, da der Browser gerade entscheidet, wie ein Bild nach CSS -Überlegungen aussehen soll und wie es mit einer anderen Zoomeinstellung aussehen soll. Um das Erscheinungsbild des Bildes wiederherzustellen, gehen Sie im Browser zu 100% zurück.

Hinweis zur Übersetzung: Dieser Beitrag wurde mit automatischer Übersetzungssoftware übersetzt, um dem Leser ein grundlegendes Verständnis des Inhalts zu vermitteln. Trotz angemessener Bemühungen, eine akkurate Übersetzung bereitzustellen, kann Zendesk keine Garantie für die Genauigkeit übernehmen.

Sollten in Bezug auf die Genauigkeit der Informationen im übersetzten Beitrag Fragen auftreten, beziehen Sie sich bitte auf die englische Version des Beitrags, die als offizielle Version gilt.