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

По одной из рекомендаций, стандартная ширина страницы сайта для дизайна должна быть в пределах 1366 пикселей. 1 Из них около 1200 пикселей — «безопасная» контентная область, а 1084 пикселя — ширина текстового блока на мониторе компьютера или планшета. 1 Для мобильной версии сайта ширина принимается за 360 пикселей, а высота — 640. 1

Также есть мнение, что ширина макета может варьироваться в зависимости от устройства: 1

• Для большого размера (десктоп или телевизор) — от 1366 пикселей. 1
• Среднего размера (ноутбук) — от 1024 пикселей. 1
• Маленького размера (планшеты) — от 768 пикселей. 1
• Смартфоны — от 360 пикселей. 1

При выборе ширины макета также стоит учитывать, что контент смотрится лучше, когда есть небольшие отступы по бокам. 1 Размер отступов можно выбрать самостоятельно — обычно это порядка 50–80 пикселей. 1

Для адаптивного сайта рекомендуется разрабатывать макеты или элементы для разных разрешений: 640px, 960px, 1200px, 1600px. 3