Какого размера сегодня должен быть сайт по ширине?

12 3
xtras
На сайте с 03.12.2013
Offline
342
3006

Друзья, подскажите, на какие разрешения и размеры мониторов нынче следует ориентироваться при создании сайтов?

Помнится раньше читал рекомендации делать такую ширину страницы, чтобы при разрешении 1024×768 по длинной стороне не появлялась полоса прокрутки. Всегда работал со своими сайтиками на своем стареньком 19-дюймовом мониторе с разрешением по длинной стороне 1440 и все вроде смотрелось вполне себе нормально. Но недавно посмотрел, как они выглядят на 24-дюймовом мониторе и немного расстроился - сайты напоминают идущую сверху вниз полоску бинта с малюсеньким текстом. Тут-то и призадумался, какой ширины сегодня должны быть сайты?

LEOnidUKG
На сайте с 25.11.2006
Offline
1723
#1

Он должен быть адаптивным. Про 4К конечно рано ещё говорить, чтобы он нормально смотрелся как и на FullHD так и смартфоне.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
Z0
На сайте с 03.09.2009
Offline
757
#2

Ну ты проснулся, из стоков вылез? 🤪

Делай адаптивные :)

P.S. Хотя был у меня конкурент, к нему стремился. Он в том году сделал адаптивный дизайн, но крайне убого. Хотел ему даже написать (но конкурент все таки, передумал). Я его за год обогнал... :)

кот Бегемот
На сайте с 07.12.2009
Offline
278
#3

Адаптивный или хотя бы псевдоадаптивный

Яндекс Директ, Гугд адворс, не дорого и ответственно. Телеграмм @H_Ilin
Vladimir SEO
На сайте с 19.10.2011
Offline
1710
#4
LEOnidUKG:
Он должен быть адаптивным. Про 4К конечно рано ещё говорить, чтобы он нормально смотрелся как и на FullHD так и смартфоне.

почему рано - колво ймаков растет большими темпами - да и новые макбуки тоже не отстают, правда не во всех тематиках

Эксперт по продуктам Google https://support.google.com/profile/58734375 ᐈ Продвижение коммерческих сайтов https://kulinenko.com/
xtras
На сайте с 03.12.2013
Offline
342
#5

Что значит - адаптивный? Это такой, где можно задать ширину в процентах от ширины экрана? Но на широкоформатных мониторах такое смотреться будет мягко говоря не очень - мало кому понравится водить головой влево-вправо при чтении широченных страниц :)

Я думал адаптивный - это тот, который нормально показывается и на мобильнике (убираются сайдбары и некоторые элементы, имеющиеся в десктопной версии) и на обычном лэптопе. Или я неправильно понимаю значение этого слова? Что значит адаптивный приминительно к широкоформатным мониторам?

S
На сайте с 02.11.2017
Offline
6
#6

iMac'и 21-дюймовые уже 4К как основные идут новые. И за приемлемую сумму, можно за без малого сотню взять.

Но что касаемо производства сайтов для них - сильно не обольщайтесь - браузеры делят количество пикселей у них пополам. Т.е. мой 13" МВР с ретина имеет разрешение 1600х2560, браузер же его воспринимает как 800х1280, и соответсвующие медиазапросы в css реагируют точно также при точках преломления. Если конечно же не описать отдельные правила для экранов с повышенной плотностью пикселей (есть в css3 спецификации и такое).

Анимация & интерактивная анимация в html5 и svg
dma84
На сайте с 21.04.2009
Offline
168
#7
xtras:
Что значит - адаптивный? Это такой, где можно задать ширину в процентах от ширины экрана? Но на широкоформатных мониторах такое смотреться будет мягко говоря не очень - мало кому понравится водить головой влево-вправо при чтении широченных страниц :)

Я думал адаптивный - это тот, который нормально показывается и на мобильнике (убираются сайдбары и некоторые элементы, имеющиеся в десктопной версии) и на обычном лэптопе. Или я неправильно понимаю значение этого слова? Что значит адаптивный приминительно к широкоформатным мониторам?

Да сами не понимают, чего пишут, "адаптивщики". У меня тот же вопрос, какова идеальная максимальная ширина сайта для просмотра на больших мониторах?

Есть сайт адаптивный, 100% ширины, так на 24" смотреть неудобно, глаза разбегаются, я уж молчу про 30"

S
На сайте с 02.11.2017
Offline
6
#8

Я думаю максимальная ширина сайта у бутстрапа оптимальна, а это точки преломления для десктопов 970 и 1170. Воздух бэкграунда по полям можно заполнять рекламой (модный тренд) и различными присадками-сервисами, вроде чатов, расшаривания, корзин и т.п.

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

melkozaur
На сайте с 06.04.2010
Offline
505
#9
xtras:
рекомендации делать такую ширину страницы, чтобы при разрешении 1024×768 по длинной стороне не появлялась полоса прокрутки

Если сделать ширину 100% то при любом разрешении не будет полосы прокрутки :)

Серверы в 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
xtras
На сайте с 03.12.2013
Offline
342
#10
melkozaur:
Если сделать ширину 100% то при любом разрешении не будет полосы прокрутки :)

Если сделать ширину 100%, то на 24-дюймовом мониторе это будет ппц смотреться 😂

12 3

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