Opera Turbo и background-repeat не работают

Например у меня есть такой код:

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

Он отлично работает во всех браузерах, включая Opera. Выглядит так:

Но если включен режим Opera Turbo, то это выглядит так:

Почему это и можно ли это исправить? PS Opera 11.10 на Ubuntu 10.10

Источник

2 ответа

Решение

Чтобы понять, почему ваши изображения иногда выглядят беспорядочно в Opera Turbo, вы должны узнать, как работает Opera Turbo (на самом деле, что такое режим Turbo).

Как вы знаете, Opera Turbo очень удобна для медленных соединений. Для увеличения скорости загрузки веб-страниц Opera Turbo сжимает их содержимое. Меньшее количество данных означает более быструю загрузку.

Корень этой проблемы с вашими изображениями.

Согласно документации

Когда Opera Turbo включена, веб-страницы сжимаются через серверы Opera, поэтому они используют намного меньше данных, чем оригиналы. Это означает, что скачивание меньше, поэтому вы можете быстрее просматривать свои веб-страницы.

Поэтому, когда вы пытаетесь получить доступ к какой-либо странице в режиме Turbo, сервер Opera берет данные из исходного местоположения (загружает полную веб-страницу), сжимает их на стороне сервера и отправляет сжатым вам (или любому другому клиенту Turbo).

Да, в режиме Turbo изображение, которое вы можете видеть, это не оригинальное изображение, а просто сжатое изображение с сервера Opera.

Если вы хотите смоделировать эту проблему, попробуйте преобразовать это изображение PNG с помощью Photoshop (или любого другого фоторедактора) в сжатый формат JPEG, и вы получите нечто похожее на ваш пример из Opera Turbo.

Оптимизация полосы пропускания

Opera Turbo сжимает веб-трафик до 80%, максимально используя сетевые ресурсы и обеспечивая лучший опыт просмотра.

В режиме Turbo ваши изображения сжимаются с настройкой низкого качества изображения (я думаю, 1-5). Это делает их меньшими по размеру (со значительной потерей качества изображения) и увеличивает скорость загрузки.

Это главная цель Opera Turbo!

Это был ответ на первую часть вашего вопроса "Почему это так?". Ответ на вопрос "Можно ли это исправить?" - " Нет, это невозможно исправить". Зачем? Потому что Opera в режиме Turbo не работает как любой другой обычный браузер.

Другая цитата:

При включении Opera Turbo сжимает изображения и делает загрузку очень быстрой. Я немного представляю, как это работает, и с нетерпением ожидаю получения хорошо информированных комментариев о том, как работает этот режим.

Как правило, при доступе к любой странице браузер начинает получать изображения с сервера. С Opera Turbo изображения сначала загружаются на серверы Opera, а затем сжимаются. Изображения будут затем переданы в браузер.

На форуме CrazyEngineers я также нашел это...

Я попробовал турбо-режим на CrazyEngineers, и графика (файлы PNG) выглядит немного искаженной.

Это точно такая же проблема, как у вас.

Рекомендации:

Источник

То, что сказал Wh1T3h4Ck5, действительно правильно, но может быть решение вашей проблемы: попробуйте сделать изображение очень маленьким (как в пикселях, так и в размере файла) и повторить его по осям x и y - таким образом, мало что можно извлечь из дальнейшее сжатие, и есть вероятность, что Opera Turbo замаскирует его и не будет пытаться сжать его дальше, следовательно, сохраняя ожидаемый эффект.

В качестве альтернативы, вы можете попробовать воссоздать изображение с помощью SVG, которое вообще не будет сжато, однако стоит отметить, что не все браузеры поддерживают установку SVG в качестве фонового изображения.

Источник
Другие вопросы по тегам