2015-05-02 3 views
1

Я пытаюсь использовать атрибут img srcset с Chrome, но он не отображает подходящую картинку srcset. Я тестирую его на Linux (Chromium 41) и Windows (Chrome 42) с двумя разными 1x устройствами.Хром не отображает подходящее изображение srcset

Я установил две картины: широкоформатные изображения размером 512 пикселей и 1054 пикселя. Но Chrome по-прежнему отображает изображение размером 512 пикселей на ширине видового экрана 734px или меньше, а изображение 1054px - на 735 пикселей или более.

Он отлично работает с Firefox (включение srcset в config).

Почему Chrome отображает изображение 512 пикселей, когда ширина видового экрана выше 512 пикселей?

body { 
 
    background-color: #000; 
 
} 
 
img { 
 
    max-width: 100%; 
 
}
<img srcset=" 
 
    http://download.blender.org/institute/logos/blender-socket.png 512w, 
 
    http://download.blender.org/institute/BlenderDesktopLogo.png 1054w" sizes="100vw">

Codepen ссылка: http://codepen.io/anon/pen/dooQvJ

ответ

1

проблема хрома было открыто о выпуске UPSCALING: https://code.google.com/p/chromium/issues/detail?id=456084

Upscaling, кажется, фактический алгоритм Chromium для дисплеев srcset фотографий:

Усовершенствование по дизайну. В качестве компромисса между перегрузкой и качеством изображения мы «рисуем линию» между ресурсами в их геометрическом средстве . Мы можем изменить это поведение в будущем на основе состояния сети , пользовательских предпочтений, текущего DPR и т. Д.

Смежные вопросы