Question

例如我有这样的代码：

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

它适用于所有浏览器，包括Opera。看起来像这样： enter image description here

但是如果打开Opera Turbo模式，它看起来像这样： enter image description here

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

Answer 1

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

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

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

根据文件

启用Opera Turbo时，网页是通过Opera的服务器压缩所以他们使用的数据少得多原稿。这意味着有少下载，所以你可以看到你的网页更快。

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

是的，你可以看到Turbo模式图像中的不是原始图像，这只是来自Opera服务器的压缩图像。

如果你想模拟这个问题，尝试用Photoshop（或任何其他照片编辑器）将PNG图像转换为压缩的JPEG格式，你会得到类似于Opera Turbo的例子。

带宽优化

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

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

这是Opera Turbo的主要目的！

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

<小时/> 另一个quote：

打开时，Opera Turbo   压缩图像并制作图像   加载速度非常快。我有点想法   这是如何工作和期待的   收到消息灵通的评论   这种模式是如何运作的。

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

在CrazyEngineers论坛上，我也找到了这个......

我尝试了turbo模式 CrazyEngineers和图形（PNG 文件）看起来有点扭曲。

这与您拥有的问题完全相同。

<小时/> 参考文献：

Answer 2

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

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

Opera Turbo和background-repeat不起作用

2 个答案: