たとえば、私はそのようなコードを持っています:
<style>
body {
background: url('back.png') repeat-y center;
}
</style>
<body>
</body>
Operaを含むすべてのブラウザで正常に動作します。このように見えます:
ただし、Opera Turboモードがオンになっている場合は、次のようになります。
これはなぜですか、修正できますか?Ubuntu10.10上のPSOpera11.10
たとえば、私はそのようなコードを持っています:
<style>
body {
background: url('back.png') repeat-y center;
}
</style>
<body>
</body>
Operaを含むすべてのブラウザで正常に動作します。このように見えます:
ただし、Opera Turboモードがオンになっている場合は、次のようになります。
これはなぜですか、修正できますか?Ubuntu10.10上のPSOpera11.10
画像がOperaTurboで混乱しているように見えることがある理由を見つけるには、Opera Turboがどのように機能するか(実際にはTurboモードとは何ですか)を学ぶ必要があります。
ご存知のように、OperaTurboは低速接続に非常に便利です。Webページの読み込み速度を上げるために、OperaTurboはそのコンテンツを圧縮します。データ量が少ないほど、読み込みが速くなります。
この問題の原因は画像にあります。
ドキュメントによると
Opera Turboを有効にすると、WebページはOperaのサーバーを介して圧縮されるため、元のWebページよりもはるかに少ないデータを使用します。これは、ダウンロードするものが少ないことを意味するため、Webページをよりすばやく表示できます。
したがって、Turboモードを使用して一部のページにアクセスしようとすると、Operaサーバーは元の場所からデータを取得し(完全なWebページをダウンロード)、サーバー側で圧縮して、圧縮してユーザー(または他のTurboのクライアント)に送信します。
ええ、ターボモードの画像で見ることができるのは元の画像ではなく、Operaサーバーからの圧縮画像です。
この問題をシミュレートする場合は、Photoshop(またはその他のフォトエディター)を使用してそのPNG画像を圧縮JPEG形式に変換してみてください。そうすれば、OperaTurboの例に似たものが得られます。
帯域幅の最適化
Opera TurboはWebトラフィックを最大80%圧縮 し、ネットワークリソースを最大限に活用して、より優れたブラウジング体験を提供します。
ターボモードでは、画像は低画質設定で圧縮されます(私は1-5だと思います)。これにより、サイズが小さくなり(画質が大幅に低下します)、読み込み速度が向上します。
Opera Turboの主な目的です!
それはあなたの質問「これはなぜですか」の最初の部分に対する答えでした。「修正できますか」の回答は「いいえ、修正できません」です。なんで?ターボモードのOperaは、他の通常のブラウザのようには機能しないためです。
オンにすると、Opera Turboは画像を圧縮し、読み込みを非常に高速にします。私はこれがどのように機能するかについて少し考えており、このモードがどのように機能するかについて十分な情報に基づいたコメントを受け取ることを楽しみにしています。
通常、任意のページにアクセスすると、ブラウザはサーバーからの画像の取得を開始します。Opera Turboを使用すると、画像は最初にOperaのサーバーにダウンロードされ、次に圧縮されます。その後、画像はブラウザに提供されます。
CrazyEngineersフォーラムで私もこれを見つけました...
CrazyEngineersでターボモードを試しましたが、グラフィック(PNGファイル)が少し歪んで見えます。
それはあなたが持っているこの問題とまったく同じ問題です。
Wh1T3h4Ck5が言ったことは確かに正しいですが、問題の解決策があるかもしれません。画像タイルを非常に小さくして(ピクセルとファイルサイズの両方で)、x軸とy軸に沿って繰り返してみてください。そうすれば、ほとんど何も得られません。さらに圧縮すると、Opera Turboが光沢を出し、それ以上圧縮しようとしない可能性があるため、意図した効果が維持されます。
または、SVGを使用して画像を再作成することもできますが、これはまったく圧縮されませんが、すべてのブラウザがSVGを背景画像として設定できるわけではないことに注意してください。