Question

Сколько пикселей в ширину должен быть сайт?

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

Интересует количество пикселей для того,что бы сайт нормально выглядел именно на планшетах.

Answer 1

Так, что касается ПК - это 800-1000 в ширину(из расчета что минимальное разрешение 1024х768), если взять iPad 3(2048х1536 пикселей дисплей), то сюда тоже подходит 800-1000 легко, первый и второй iPad тоже входит в этот вариант(1024х768 у них), если брать Samsung Galaxy Tab 10.1(1280х800), то тоже подходит. Acer Iconia Tab A200(800x1280) тоже подойдет. Samsung Galaxy Note 10.1(1280х800). Тенденция идет на повышение разрешения точек на дюйм.

Тут можете посмотреть сравнение планшетов по разрешениям.

Я думаю 800-1000 минимум можно использовать смело. Я бы даже где-то 980 посоветовал!

Если 1024 пикселя за минимум взять от разрешения экрана, то сайт порядка 1000 пикселей, так как 24 уйдет на например бегунок у страницы.

Это все касается фиксированной верстки, а на счет резиновой сложнее в плане картинок, если их исключить и сделать сайт с размерами в процентах, то можно было бы адаптировать под любое разрешение. Все упирается в графику. Если сайт на флеше, размер флеш сайта тоже может меняться. Посмотрим что в html5 будет. Пока стандартов не много, так же и решений кроссбраузерности.

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

Можно красиво оформлять сайты, и не использовать кучу графики. Так же хорошая вещь на сайтах - это спрайты. Идет запрос на одну картинку всего на сервер и если она загрузится, то сразу появится везде, где используется.

Answer 2

В целом Кирилл прав.

Чтобы сайт можно было просматривать с чего угодно, он должен быть резиновым (ширина не в пикселах, а в процентах). В этом случае из оформления следует убрать сложные графические навороты (для примера сайт vk.com - можно листать на чем угодно. Графики почти нет).

Еще как вариант - предусмотреть все возможные разрешения экранов и для каждого создать собственный стиль css. В этом случае можно и графические переходы предусмотреть (для каждого разрешения отдельный набор картинок разных размеров).

Answer 3

Бери в районе 800пикселей))) не прогадаешь)))

Answer 4

Насколько я помню за стандартный размер берут около 800 пикселей)))

Однако большинство мониторов имеют разрешение 1024 или 1280 пикселей в ширину и как правило, на это большинство создателей и равняются, поэтому создавай сайт с 1024 пикселей в ширину и не забудь добавить в шаблон "свободное пространство" до размера 1280пикселей))

Answer 5

Разумеется нужно учитывать, как и то, что пиксель на мобильном устройстве совсем не равен пикселю на компьютере. Там работает множитель, т.ч. отображаемых пикселей может быть в два-три раза меньше физических. А поскольку у мобильных устройств разрешение очень разное, то тут все равно придется использовать адаптивный дизайн. Минимальную ирину сайта для мобильных устройств обычно берут 300 пикселей.