Какие элементы изображения должны получить версию сетчатки?

Question

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

Это выглядит хорошо, когда вы смотрите на изображение размером 50x50 пикселей на устройствах с экранами высокой плотности. Но что, если изображение намного больше? Как фоновое изображение слайдера с размерами 1700x600 пикселей, должно ли это получить версию Retina? Размер изображения уже намного больше, чем разрешение практически каждого мобильного устройства. Будет ли изображение 1700x600 или 3400x1200 выглядеть иначе на дисплее 640x960?

Answer 1

Не забывайте о ноутбуках с поддержкой Retina и iPad. По моему опыту, большинство изображений вы можете сохранить в масштабе примерно 150% от ожидаемого размера просмотра, и они по-прежнему отлично смотрятся на экране с высокой плотностью. Вы также должны играть с качеством сжатия, во многих случаях вы можете снизить качество и при этом получить изображение, которое выглядит великолепно из-за количества дополнительных пикселей.

Посмотрите это для примера того, о чем я говорю: http://filamentgroup.com/lab/rwd_img_compression/