问题症状
文章或社区帖子中的图像 似乎比原版中的图像难读。如果这是应用程序的屏幕截图,则文本可能不可读。如果是照片,则净度不理想。
条件
- 在新的网络浏览器标签页中或以全分辨率查看图像时,该图像看上去正常且可读。
- 此问题仅在您的帮助中心显示。
解决步骤
尽管此问题通常在所有情况下似乎都相同,但可能有多种原因导致。
CSS 正在调整图像大小
图像有各种大小,但通常在帮助中心里,边界由其所在的位置决定。例如,帮助中心里的大多数文章正文大约有 700px 宽度。如果添加了一张宽度为 2000 像素的图像,那么该图像可能会被篡改,因为网络浏览器必须使该图像适合在更窄的文章正文中。
要解决此问题,请调整 CSS 以使用较大的图像,或以更接近其相对位置大小的分辨率保存图像。在上面的例子中,将图像保存为宽度为 700 px 的分辨率可使图像更真实。此外,在您的照片编辑软件中将高度缩放为合适的新大小。
提示:我们的一些内部团队发现已成功将图像压缩为 8 位颜色以便更快地下载(不调整图像尺寸),然后使用
width
属性以在文章中调整大小(
)。使用图像编辑器创建 8 位颜色文件。或者,还有更多的试验性 CSS 属性,例如 image-rendering
这会影响浏览器显示图像的方式。自定义 CSS 不在 Zendesk Zendesk 客户支持的范围内,但您使用这些属性可能会成功。
浏览器缩放级别已设置为一个大于 100% 的值
当您在浏览器上使用缩放工具时,如果您之后导航到另一个网站,该缩放设置可能会保留并保持放大状态。这可能会导致图像的显示方式出现问题,因为浏览器正在努力决定图像在 CSS 考虑后的外观,以及在不同缩放设置下的外观。要恢复图像外观,返回浏览器的 100% 放大。
翻译免责声明:本文章使用自动翻译软件翻译,以便您了解基本内容。 我们已采取合理措施提供准确翻译,但不保证翻译准确性
如对翻译准确性有任何疑问,请以文章的英语版本为准。