1

例如我有这样一个代码：

<style>
body {
    background: url('back.png') repeat-y center;
}
</style>
<body>
</body>

它适用于所有浏览器，包括 Opera。看起来像这样： 在此处输入图像描述

但是如果打开 Opera Turbo 模式，它看起来像这样： 在此处输入图像描述

为什么会这样，可以修复吗？Ubuntu 10.10 上的 PS Opera 11.10

4

2 回答 2

6

要找出为什么您的图像有时在 Opera Turbo 中看起来一团糟，您应该了解 Opera Turbo 的工作原理（实际上，什么是 Turbo 模式）。

如您所知，Opera Turbo 对于慢速连接非常方便。为了提高网页的加载速度，Opera Turbo 会压缩其内容。较小的数据量意味着更快的加载。

您的图像存在此问题的根源。

根据文档

启用 Opera Turbo 后，网页会通过 Opera 的服务器进行压缩，因此它们使用的数据比原始网页少得多。这意味着要下载的内容更少，因此您可以更快地查看您的网页。

因此，当您尝试使用 Turbo 模式访问某个页面时，Opera 服务器会从原始位置获取数据（下载完整的网页），在服务器端对其进行压缩并将其压缩后发送给您（或任何其他 Turbo 的客户端）。

是的，在 Turbo 模式下，您可以看到不是原始图像，而是来自 Opera 服务器的压缩图像。

如果您想模拟此问题，请尝试使用 Photoshop（或任何其他照片编辑器）将该 PNG 图像转换为压缩的 JPEG 格式，您将获得与 Opera Turbo 中的示例类似的内容。

带宽优化

Opera Turbo 可将网络流量压缩 高达 80%，充分利用网络资源并提供更好的浏览体验。

在 Turbo 模式下，您的图像以低图像质量设置进行压缩（我猜是 1-5）。这使它们的尺寸更小（图像质量损失显着）并提高了加载速度。

这是Opera Turbo的主要目的！

这是对您问题“为什么会这样”的第一部分的回答。关于“可以修复”部分的答案是否定的，无法修复。为什么？因为 Turbo 模式下的 Opera 不像其他普通浏览器那样工作。

另一个报价：

打开时，Opera Turbo 会压缩图像并加快加载速度。我对它的工作原理有一点了解，并期待收到有关此模式如何工作的消息灵通的评论。

通常，当您访问任何页面时，浏览器将开始从服务器获取图像。使用 Opera Turbo，图像将首先下载到 Opera 的服务器，然后进行压缩。然后将图像提供给浏览器。

在 CrazyEngineers 论坛上，我也发现了这个......

我在 CrazyEngineers 上尝试了涡轮模式，图形（PNG 文件）看起来有点失真。

这与您遇到的问题完全相同。

参考：

于 2011-04-16T03:00:24.433 回答
2

Wh1T3h4Ck5 所说的确实是正确的，但您的问题可能有一个解决方案：尝试使您的图像平铺非常小（无论是像素还是文件大小）并沿 x 和 y 轴重复它 - 这样，几乎没有什么收获进一步压缩，Opera Turbo 有可能会掩盖它而不尝试进一步压缩它，从而保留预期的效果。

或者，您可以尝试使用 SVG 重新创建图像，该图像根本不会被压缩 - 但是，值得注意的是，并非所有浏览器都支持将 SVG 设置为背景图像。

于 2011-04-17T11:53:22.183 回答