Какая визуальная разница между DPR: 1.0, DPR: 2.0, DPR: 3.0 для человеческих глаз? - PullRequest
Новая
       130

Какая визуальная разница между DPR: 1.0, DPR: 2.0, DPR: 3.0 для человеческих глаз?

0 голосов
/ 12 ноября 2018

Например:

У меня есть миниатюра изображения в блоке фиксированного размера 250x250px. И три изображения: 

<img sizes  = "250px"
     src    = "image-250w.jpg" 
     srcset = "image-250w.jpg 250w,
               image-500w.jpg 500w,
               image-750w.jpg 750w"
>

Таким образом, браузер выбирает кандидата 250 Вт для устройства с DPR: 1,0, 500 Вт для устройства с DPR: 2,0 и 750 Вт для устройства с DPR: 3.0.

Так в чем же визуальная разница между этими ДПР 1,2,3 для глаз человека?

У меня нет устройств (iPhone и т. Д.) С другим DPR, чтобы увидеть это. И эмуляция устройства не может показать мне это, пока я делаю это на том же дисплее.

1 Ответ

0 голосов
/ 12 ноября 2018

Я быстро пробежался по Google и обнаружил, что для имитации эффекта DPR на стандартном дисплее вам нужно установить DPR на 2 и масштабировать область просмотра, увеличив масштаб. Актив 2x будет выглядеть острым, а актив 1x - пиксельным.

Таким образом, вы можете визуально проверить разницу между различными значениями DPR.

Для дальнейшего ознакомления, вы можете увидеть это https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports#device_pixel_ratio_dpr

...