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

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

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


css media-queries retina-display
person archvile    schedule 10.08.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

См. пример того, о чем я говорю: http://filamentgroup.com/lab/rwd_img_compression/< /а>

person ericjbasti    schedule 11.08.2013