Какая ширина сайта модная в 2019 приближающемся 2020 году?

12 3
Dmitriy_2014
На сайте с 01.07.2014
Online
146
6901

Всем привет!

Хотел спросить, какая в наше время ширина сайта актуальна, ну та которая контент + сайдбар. Посмотрел в популярном фреймворке bootstrap вроде пишут 960 и 1140 пикселей, если я туда смотрел конечно. Или сейчас уже не делают фиксированную ширину, т.к. сейчас в продаже очень много сильно вытянутых и изогнутых мониторов с большим разрешением экрана более Full HD.

Если я правильно замерял, то получается:

Pikabu.ru – 1020 px.

3dnews.ru – 1245 px.

Habr.com – 1100 px.

Losst.ru – 1124 px.

Vk.com – 795 px.

Примерно на вскидку получается в среднем 1056 пикселей нормальная ширина сайта, или сейчас лучше думать над тем как не использовать фиксированную ширину?

Всем спасибо за ответы!

E6
На сайте с 06.05.2012
Offline
54
#1

Приветствую. На мой взгляд универсальна ширина в диапазоне 1024-1270. Мониторы с диагональю меньше 17 уже в красной книге. А 19-шки еще в строю и думаю будут долго.

И далеко не у всех широкоформатные, по моему опыту на этот год соотношение примерно такое:

65% 19-22 дюйма.

30% 22' и больше,

5% 17' и меньше.

tommy-gung
На сайте с 22.11.2006
Offline
269
#2

я бы смотрел в сторону max-width: 1200px, если не нужна максимальная ширина

Здесь не могла быть ваша реклама
IL
На сайте с 20.04.2007
Offline
418
#3
Expert64:
по моему опыту на этот год соотношение примерно такое:

https://www.liveinternet.ru/stat/ru/resolutions.html

Expert64:
Мониторы с диагональю меньше 17 уже в красной книге. А 19-шки еще в строю и думаю будут долго.

Ноутбуки (в т.ч. макбуки) живы.. 12-13-14-15 дюймов никуда не разошлись.. другое дело, что на ретине и разрешение будет..

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
K
На сайте с 09.01.2017
Offline
34
#4

Адаптивная ширина

Mik Foxi
На сайте с 02.03.2011
Offline
929
#5

Expert64, вы забыли про планшеты, которые половину юзеров юзают, а там хорошо если 12"

Антибот защита сайта от накрутки поведенческих, от спама, взлома и поиска xss, от хит и клик ботов, от парсинга и кражи контента, снижение нагрузки на сервер - https://antibot.cloud/ Вам все еще конкуренты генерят отказы?
[Удален]
#6

Главное, чтобы ширина сайта не мешала ему в ТОП пролезть.🚬 А то ведь может и застрять. 🙅

melkozaur
На сайте с 06.04.2010
Offline
496
#7

Резиновая до какой-нибудь цифры, а цифра зависит в основном от макета и кривости рук разраба, теоретически можно и max-width: 2500 делать красиво, но очень мало кто заморачивается над сайтом для больших экранов сейчас. В тренде - мобильная версия для всего, даже если там и три колонки, все равно мобильность лезет через край.

Серверы в NL/US со скидкой 30% нашим читателям: E5-2650v4/10GB DDR4/240GB SSD/1 Gbps - от $20: https://ua-hosting.company/vps/nl SEO без компромиссов: https://seoleaks.net SEOLEAKS - продвижение сайтов: https://www.instagram.com/seoleaks
IL
На сайте с 20.04.2007
Offline
418
#8
melkozaur:
В тренде - мобильная версия для всего, даже если там и три колонки

ОК.. тогда так..

Отсюда (ибо, по ссылкам всё равно мало кто ходит):

ivan-lev:
https://www.liveinternet.ru/stat/ru/resolutions.html

С учётом адаптивной вёрстки, scale и css3 не вижу сложности "сделать красиво" как под 2к+, так и под мобильник (часть из которых сейчас шире чем экраны лет *дцать назад)

Да, требует внимания и навыков.. как, впрочем, и любая сфера деятельности..

E6
На сайте с 06.05.2012
Offline
54
#9

ivan-lev, Не понятно, мягко говоря. 800х600 и 640x480 это что? У мониторов таких разрешений нет, 15 дюймовые ЭЛТ уже исчезли. Это и не планшетные размеры.

Desktop (D)

10" Netbook 1024 x 600

12" Netbook 1024 x 768

13" Notebook 1280 x 800

15" Notebook 1366 x 768

19" Desktop 1440 x 900

20" Desktop 1600 x 900

22" Desktop 1680 x 1050

23" Desktop 1920 x 1080

24" Desktop 1920 x 1200

Tablet (T)

Kindle Fire HD 7" 800 x 480

Asus Nexus 7 960 x 600

Kindle Fire 1024 x 600

Apple iPad 1024 x 768

Samsung Galaxy Tab 7" 1024 x 600

Kindle Fire HD 8.9" 1280 x 800

Samsung Galaxy Tab 1280 x 800

Apple iPad Pro 1366 x 1024

Microsoft Surface Pro 1440 x 1024

Mobile (M)

Motorola RAZR V3m 176 x 220

Motorola RAZR V8 240 x 320

BlackBerry 8300 320 x 240

Apple iPhone 3/4 320 x 480

Samsung Galaxy S2 320 x 533

Apple iPhone 5 320 x 568

LG G3-5 360 x 640

Samsung Galaxy S3-7 360 x 640

Apple iPhone 6/7 375 x 667

Apple iPhone 6/7 Plus 414 x 736

Так что я склонен не доверять информации с лайвинтернета.

Вменяемые модели ноутбоков, которые у 90% пользователей, это 15.6 дюймов с разрешением по ширине 1366х... и то, они уже снимаются с производства и повсеместно внедряют матрицы с разрешением Full HD при тех же размерах.

foxi, Согласен, но я их не упомянул специально, поскольку автор спрашивал про разрешения на мониторах. А всё что планшетное и мобильное должно идти как адаптивная вёрстка с @media (max-width:...)

Лично я на своих проектах ставлю 1270 максимум. Если делать максимум адаптивным, то изображения очень сложно подобрать, придётся искать вплоть до 4к разрешений, ведь такие мониторы тоже нельзя исключать. Всё что ниже уже резиновое.

samimages
На сайте с 31.05.2009
Offline
396
#10
Dmitriy_2014:
Какая ширина сайта модная в 2019 приближающемся 2020 году?

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

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

2.От ширины сайта будет зависеть юзабилити на том или ином разрешении экрана и конечно чем мельче будет шаг между разрешениями, тем лучше, но кроме этого нужно делать еще и мобильную версию, т.е. будет наступать порог после которого какие-то элементы не будут выгружаться.

3.Контентная часть, вот здесь было бы интересно узнать профессиональные точки зрения на изменение длины строки к 2020 году, например. По моим ощущениям строка становится короче, отчасти из-за уменьшения диагоналей в первой декаде 21-го века, сейчас разрешения экранов возвращают малые диагонали к стандартной верстке.

Что есть у меня:

Средняя длина слова русского языка — 7 символов

Нормальная, комфортная, длина строки — 12 слов

Нехитрое действие подводит нас к результату 12*7=84 символа б/п.

Проверим:

Pikabu.ru – 1020 px. — 78

3dnews.ru – 1245 px. — 102, но верстка как по мне — говно

Habr.com – 1100 px. — 83 (почти в дырочку)

Losst.ru – 1124 px. — 77

Vk.com – 795 px. — 64 (но он и воспринимается узким)

Сайт Ильяхова до 77-ми (по мне так авторитетный человек)

Сайт самизнаетекого — до 100 / студия — 72

Среднее один фиг выходит 81 символ.

Опыт как иммунитет — приобретается в муках! Приложения Android [не дорого] - ЛС Аудит семантики от 15К [долго] - ЛС
12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий