问题特征

文章或社区帖子中的图像 比原始图像的可读性差得多。如果这是应用程序的屏幕截图,则文本可能无法阅读。如果是照片,则透明度不太理想。

条件

  • 在新的网络浏览器标签页中或以完整分辨率查看图像时,图像看起来正常可读。
  • 问题仅出现在您的帮助中心中。

解决步骤

尽管此问题在所有情况下通常看起来都相同,但造成此问题的原因可能有多种。

CSS 正在导致图像调整大小

图像有各种尺寸,但通常在帮助中心,其边界取决于其所在位置。例如,帮助中心的大多数文章正文宽度约为 700px。如果添加的图像宽度为 2000 px,则该图像可能会失真,因为网络浏览器必须将该图像调整到较窄的文章正文中。

要解决此问题,请调整 CSS 以支持更大的图像,或以更接近其相对位置大小的分辨率保存图像。在上面的例子中,将图像保存为宽度为 700 px 的分辨率可以更真实地表示图像。此外,在照片编辑软件中将高度调整为合适的新尺寸。

提示:我们的一些内部团队发现,他们将图像压缩为 8 位颜色,以便更快地下载(而不调整图像尺寸),然后使用 width 属性以在文章中调整其大小(<img src="[image URL]" width="500px"/>)。使用图像编辑器创建 8 位颜色文件。

或者,还有一些实验性的 CSS 属性,例如 image-rendering 这会影响浏览器显示图像的方式。自定义 CSS 不在 Zendesk Zendesk 客户Support的范围内,但是使用这些属性您可以成功。

浏览器缩放级别已设置为大于 100% 的值

当您在浏览器上使用缩放工具时,如果您之后导航到另一个网站,该缩放设置可能会保留并保持放大状态。这可能会导致图像的显示方式出现问题,因为浏览器会根据 CSS 和不同缩放设置的外观来决定图像的外观。要恢复图像外观,请在浏览器中返回到 100% 缩放。

翻译免责声明:本文章使用自动翻译软件翻译,以便您了解基本内容。 我们已采取合理措施提供准确翻译,但不保证翻译准确性

如对翻译准确性有任何疑问,请以文章的英语版本为准。

由 Zendesk 提供技术支持