【问题标题】:Opera Turbo and background-repeat doesn't workOpera Turbo 和后台重复不起作用
【发布时间】:2011-04-15 23:10:57
【问题描述】:

例如我有这样的代码:

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

它适用于所有浏览器,包括 Opera。看起来像这样:

但如果打开 Opera Turbo 模式,它看起来像这样:

为什么会这样,可以修复吗? 附: Ubuntu 10.10 上的 Opera 11.10

【问题讨论】:

    标签: browser opera image-conversion image-compression opera-turbo


    【解决方案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 压缩图像并制作 加载速度非常快。我有个小主意 这是如何工作的,并期待 接收消息灵通的 cmets 这种模式的工作原理。

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

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

    我尝试开启加速模式 CrazyEngineers 和图形 (PNG 文件)看起来有点失真。

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


    参考:

    【讨论】:

      【解决方案2】:

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

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

      【讨论】:

      • +1 正确。但我不建议对这个问题付出额外的努力。 Turbo模式主要用于通过GPRS连接互联网的人,以防他们的移动运营商不提供图像代理。我在旅行时使用 Turbo 模式通过移动互联网(BT 连接)连接我的笔记本电脑,尤其是在国外以减少漫游带宽。我非常怀疑任何连接 256K+ 的人都使用 Turbo 模式,这毫无意义。 Turbo 只是一种特定的模式,不需要特别注意,因为它的行为对于图像代理来说是正常的,而且它的用户很清楚这一点。
      猜你喜欢
      • 1970-01-01
      • 2012-07-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-07-05
      • 2012-05-15
      相关资源
      最近更新 更多