Каков хороший собственный размер изображения, который можно использовать для ползунка полной ширины (100% от браузера)?

Я создаю сайт, который включает ползунок полной ширины; 100% окна браузера. CSS будет таким, как

.slider {
width:100%;
}

... где родительский ползунок <body>, а не какой-либо обертки div.

Моя дилемма заключается в том, что если я использую изображение шириной 1600 пикселей и масштабирую его до 100% с помощью CSS, тогда это будет хорошо для тех, кто максимизирует браузер (ширина монитора) меньше 1600 пикселей при масштабировании изображения вниз, не вверх (оставляя соображения относительно мобильного/отзывчивого размера на картинке на данный момент), однако кто-то, использующий максимизированный браузер на очень большом мониторе, будет иметь такое изображение, которое уменьшилось бы вниз, и, следовательно, оно будет слегка ухудшено.

Я проверил несколько слайдеров, и они используют ширину изображения aprox 2000px, но есть ли ширина, которую не нужно было бы масштабировать на большом проценте мониторов?

Обратите внимание. Я не спрашиваю о CSS, сетке, twitter boostrap, адаптивном или адаптивном сайте, сайте ширины шириной 960 пикселей или что-то в этом роде. Я также не говорю о слайдере, который составляет 100% от обертки веб-сайта. Я просто спрашиваю о ширине пикселя файла изображения, используемого для создания слайдера, который масштабируется на 100% от ширины браузера.

Ответ 1

1920px - это самое высокое, что вы хотите. Это считается "high-end" для размеров экрана, и что-то большее приведет к тому, что браузеры будут действовать. Пока вы устанавливаете ширину слайда на 100%, она будет корректировать размеры экрана с более высоким разрешением, чем 1920, без проблем. Это также решит проблему слишком большой пропускной способности и не повлияет на время загрузки (что является ключевым для функциональности вашего сайта).

Ответ 2

960px - стандартная полная ширина для любой области содержимого веб-страницы, чтобы ПОЛНОСТЬЮ не переполняться в полном окне браузера.

http://960.gs/

Ответ 3

В соответствии с глобальной статистикой разрешения экрана в 2013 году размер дисплея 1920x1080 является четвертым среди других 10 популярных популярных размеров экрана. Это еще и последний дисплей высокой четкости для мониторов.

Ответ 4

Я думаю, что это более важный выбор, в зависимости от вашей целевой аудитории. Эта статистика может помочь вам принять обоснованное решение. http://www.w3schools.com/browsers/browsers_display.asp

Ответ 5

Как уже отмечалось выше, стандартная ширина составляет 960 пикселей. Но многие сайты делают адаптивные, поэтому вы не можете сказать точно. Мой монитор, например, имеет разрешение 2560x1440. Никто не делает такое большое разрешение сайта.

Если вы хотите создать адаптивный сайт в качестве монитора и мобильного устройства, я могу только посоветовать использовать twitter bootstrap или что-то подобное, Вы также можете использовать систему сетки, например: designinfluences.