Проблема с масштабированием браузера

Обновлено: 07.01.2025

С выходом Windows 10 разработчики Microsoft ввели в своей новой операционной системе принципиально новый алгоритм масштабирования, кардинально отличающийся от того алгоритма, который использовался ранее в операционных системах Windows 7 и Windows 8. Разработка нового алгоритма масштабирования ставило своей целью обеспечить адаптацию интерфейса новой операционной системы Windows 10 под любые размеры экранов устройств, как дисплеев большого разрешения, так и экраны нетбуков и планшетных компьютеров.

С введением в Windows 10 нового алгоритма масштабирования большое количество прикладных программ вполне нормально отображались на экранах мониторов со стандартным разрешением (FullHD, 1920х1080), однако на экранах с большим разрешением (Ultra HD, 2k-4k) при увеличеннии масштаба до 125% и более интерфейс программ выглядит размыто, как бы замылено, будто растянутая до больших размеров картинка с изначально низким разрешением. Особенно явно эффект "замыливания" проявляется при масштабировании экранных шрифтов.

При работе с теми или иными программами вы могли обнаружить, что у одних программ интерфейс чёткий, а у других расплывчатый (нечёткий, размытый, интерполированный). Особенно занимателен тот факт, что та же самая программа с «проблемным отображением интерфейса» может выглядеть на другом компьютере совершенно нормально.

Рассмотрим способы исправления размытости интерфейса программ

1. Изменение масштаба

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

Подобные манипуляции с настройкой параметров масштабирования помогают в большинстве случаев. На моем ноутбуке Dell Alienware 13 c экраном 4k (3840 × 2160 ) вместо предлагаемого системой масштаба 250% наиболее оптимальным оказался масштаб 175%, при котором практически все программы отображаются нормально и размытие шрифтов минимально.

Если проблема остается - идем дальше. В меню "Параметры" переходим к пункту "Дисплей" в меню слева, и в правом окне в разделе "Масштаб и разметка" выбираем пункт "Дополнительные параметры масштабирования"

В данном окне первым пунктом является "Исправление масштабирования для приложений". Внимательно читаем описание и пробуем поиграть переключателем "Разрешить Windows исправлять размытость в приложениях". Поиграть - это значит поменять положение переключателя с положения "Вкл." на "Выкл." и наоборот. После каждого изменения рекомендуется перезагрузить компьютер.

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

На ноутбуке c экраном 4k эффект тоже отсутствовал. При положении переключателя в "Выкл." шрифты и окна программ продолжали отображаться размытыми.

2. Сглаживание шрифтов ClearType

Еще одним простым способом решения проблемы с размытым текстом на экране является настройка сглаживания шрифтов ClearType . В окне поиска набираем Cleartype и запускаем программу " Настройка текста ClearType ".

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

Кстати, в ряде случаев неожиданный эффект может дать отключение технологии сглаживания ClearType, для этого на первоначальном экране программы настройки снимите галочку " Включить ClearType ".

3. Обновление версий используемых программ

Часто промлемы с маштабированием и замыливанием интерфейса возникают при использовании устаревшего прикладного программного обеспечения, разработанного для более старых версий Windows, например Windows XP или даже Windows 98.

Технический прогресс не стоит на месте, соответственно разработчики программного обесепчения с выходом новых версий своих программ стараются обеспечить их максимальную совместимость с новой операционной системой Windows 10 и используемым в ней алгоритмом масштабирования. Таким образом решение проблемы может заключаться в банальном обновлении версии используемого прикладного программного обеспечения, совместимого с Windows 10.

4. Настройки тем интерфейса используемых программ

Некоторые программы имеют поддержку темы интерфейса для дисплеев высокого разрешения и адаптированные под алгоритм масштабирования Windows 10. Например, клиент Steam наряду с классическим интерфейсом позволял выбрать тему плиточного интерфейса "Metro for Steam" адаптированную под Windows 8 , а с выходом последних версий Windows 10 появился режим мастабирования "Big Picture" с поддержкой 4k-дисплеев.

5. Возврат старого алгоритма масштабирования из Windows 8

В папке архива находятся два файла реестра.
Первый файл - Windows 8 DPI method - активирует в среде Windows 10 старый алгоритм масштабирования, использовавшийся в Windows 8.
Второй файл - Default DPI method - возвращает стандартный алгоритм сглаживания Windows 10 .

Все тоже самое, но в автоматизированном режиме позволяет делать простенькая утилита Windows 10 DPI Fix

PS: примечание

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

Взялся за верстку своего первого адаптивного сайта. Все шло хорошо: размеры блоков в процентах, использование медиа-запросов и т.д. При экспериментировании с размером браузера все растягивается, сжимается, перестраивается как надо. Загрузил сайт на сервер, зашел со своего смартфона (android) и столкнулся с проблемой. Но тема даже не об этой проблеме, а о другой, которую породило решение первой. Об этом ниже…

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

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

Но радость моя была не долгой. До тех пор пока я не открыл эту страничку на планшете. Ширина экрана моего самсунга в горизонтальной ориентации (а проблема возникла именно в просмотре в горизонтальной ориентации) 1280 пикс.

Что же в итоге получилось. Сайт, максимальная ширина которого, напомню 900 пикс, отобразился в своем нормальной размере в 100% масштабе. Но размер экрана устройства 1280 пикс! И что в итоге получлось? А получилось, что сайт не занял всю ширину экрана, а занял свои законные 900 пикс. В итоге по краям остались поля примерно по 154 пикс ((1280-900)/2). Кто-то скажет, что это ж нормально. Ведь когда мы открываем сайт на ПК, с шириной экрана, скажем, те же 1280 точек, то естественно сайт не будет занимать всю ширину, а будет занимать положенные ему 900 пикс, которые заданы в CSS как максимальная ширина сайта (или фиксированная ширина, если это фиксированный макет).

Но на планшете то эта ситуация не кажется нормальной. Т.к. экран сам по себе все-таки маленький, по сравнению с десктопами, хоть разрешение у него и 1280 точек. Хотелось бы, чтобы сайт занимал максимум пространства этого экрана. На компе нам этого не нужно, т.к. 900 пикс на мониторе будут выглядеть нормально, благо размер пиксела у него побольше чем у планшета. А вот на планшете когда страница не занимает весь экран – это кажется дикостью (по крайней мере мне). И все дело в том самом мета-теге viewport, которым мы задали отображение сайта в реальном масштабе. Это помогало нам, когда размер сайта был меньше 900 точек, т.е. помогало нам не масштабировать его под размер экрана, а отображать в реальном размере. Но это мешает нам при размере экрана больше 900 точек, ведь тут как раз хочется, чтобы масштабирование сработало, чтобы сайт увеличился до размеров окна, т.е. по максимум использовал всю ширину экрана, ведь это ж все-таки мобильное устройство.

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

В заключение хочу сказать, что тестировал пока только на самсунге. Боюсь предположить, что же будет на iPad, разрешение которого по широкой стороне в два раза больше самсунга, 2048 пикс. Неужели страница будет занимать меньше половины экрана (она ж 900 точек)?

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

Пытался найти способ как сделать так, чтобы при размере экрана меньше 900 пикс, viewport срабатывал бы, а при размере больше 900 пикс не срабатывал. Не нашел.

Обновление Chrome 54 внесло некоторые незначительные изменения в браузер Google. Теперь Google Chrome автоматически определяет ваши настройки DPI (точек на дюйм). Это увеличило пользовательский интерфейс Chrome, так что оно стало более масштабным для тех, у кого настройки Windows DPI выше 100%. Таким образом вы можете восстановить пользовательский интерфейс браузера до уровня, который был до обновления.

Решение 1. Настройте целевое поле Google Chrome

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

Щелкните правой кнопкой мыши ярлык Google Chrome, с которым вы обычно открываете программное обеспечение, и выберите Свойства , чтобы открыть окно, показанное ниже.
Поле Target содержит путь к программному обеспечению, который может быть что-то вроде «C: \ Program Files (x86) \ Google \ Chrome \ Application \ chrome.exe». Добавить /high-dpi-support = 1/force -device-scale-factor = 1 до конца этого поля назначения, поэтому оно больше похоже на «C: \ Program Files (x86) \ Google \ Chrome \ Application \ chrome.exe»./high- dpi-support = 1/force-device-scale-factor = 1 .
Нажмите Применить и ОК , чтобы закрыть окно свойств Google Chrome.
Обратите внимание, что вам также следует открепить и повторно закрепить Google Chrome, если у вас есть ярлык для программного обеспечения, закрепленного на панели задач.

ЧИТАЙТЕ ТАКЖЕ: загрузите расширение Windows Defender Chrome, оно на 99% эффективнее

Решение 2. Отключите масштабирование дисплея для более высоких настроек DPI

По словам пользователей, если у вас есть какие-либо проблемы с масштабированием в Chrome, вы можете решить эту проблему, просто изменив параметры масштабирования в Windows. Как вы знаете, Windows позволяет легко изменять размер масштабирования, а Google Chrome должен автоматически настроить его масштабирование.

Чтобы изменить настройки масштабирования в Windows, вам необходимо сделать следующее:

Нажмите Ключ Windows + I , чтобы открыть приложение Настройки . Теперь перейдите в раздел Система .
В разделе Масштаб и макет установите Измените размер текста, приложений и других элементов на желаемое значение. По мнению пользователей, 100% работает лучше всего, но вы можете попробовать другие значения, если у вас экран большего размера.

После изменения настроек масштабирования в Windows эти изменения должны быть применены к Chrome, и проблема будет окончательно решена.

Прежде чем мы начнем, мы должны упомянуть, что это просто обходной путь. Используя этот метод, вы измените размер посещаемых веб-страниц, но размер пользовательского интерфейса Chrome не пострадает. Для этого просто выполните следующие действия:

Нажмите значок Меню в правом верхнем углу и выберите в меню Настройки . Кроме того, вы можете просто ввести chrome: // settings/ в адресной строке.
Когда откроется вкладка Настройки , найдите параметр Увеличение страницы и измените его на нужное значение.

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

ЧИТАЙТЕ ТАКЖЕ: как отключить «Хотите, чтобы Google Chrome сохранил ваш пароль?»

Решение 5. Проверьте, обновлен ли Chrome

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

Нажмите значок Меню в правом верхнем углу. Теперь выберите Справка> О Google Chrome .
Теперь вы должны увидеть версию Chrome, которую вы используете, и браузер проверит наличие обновлений. Если доступны какие-либо обновления, они будут автоматически загружены и установлены.

Как только ваш браузер обновится, проверьте, сохраняется ли проблема.

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

Через пару секунд Chrome будет сброшен к значению по умолчанию. После этого проверьте, правильно ли работает масштабирование.

Если проблема не исчезнет, возможно, вы захотите переустановить Chrome. Иногда ваша установка может быть повреждена, что может привести к различным проблемам, таким как эта. Чтобы решить эту проблему, рекомендуется переустановить Chrome и проверить, помогает ли это.

ЧИТАЙТЕ ТАКЖЕ: 5 лучших VPN-сервисов для Google Chrome в 2018 году

Однако программа удаления также удалит все файлы и записи реестра, связанные с приложением, которое вы пытаетесь удалить. Используя программное обеспечение для деинсталляции, вы гарантируете, что файлы и записи реестра не будут мешать вашему ПК.

Если вы ищете программное обеспечение для удаления, мы должны упомянуть Revo Uninstaller . Это приложение простое в использовании, и с его помощью вы можете безопасно удалить Chrome с вашего ПК.

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

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

Если вы хотите попробовать новейшие функции, версия Canary может быть именно тем, что вам нужно. Эта версия может быть нестабильной, как бета-версия, но это первая версия, включающая новые функции и исправления, поэтому она может помочь вам решить вашу проблему.

Если вы не можете настроить масштабирование для правильной работы в Chrome, возможно, стоит подумать о переключении на другой браузер. Mozilla недавно выпустила обновление для Firefox Quantum, так что вы можете попробовать его. Если вы не являетесь поклонником Firefox, другие браузеры, такие как Edge или Opera, должны поддерживать масштабирование, поэтому вы можете попробовать любой из них.

Примечание редактора . Этот пост был первоначально опубликован в ноябре 2016 года и с тех пор был полностью переработан и обновлен для обеспечения свежести, точности и полноты.

Плохое масштабирование DPI, конечно, не новость на платформе Windows. И похоже, что в Windows 10 больше всего проблем с высоким разрешением на экранах малого или среднего размера. Это как раз одна из причин, по которой некоторым пользователям было трудно воспроизводить видео на YouTube. Из-за несоответствия между PPI и DPI видео выглядит размытым и плохо просматриваемым.

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

Решено: проблемы с разрешением YouTube в Windows 10

1: отрегулируйте настройки DPI дисплея системы

Если проблема носит локальный характер или влияет на масштабирование DPI в целом, первым делом необходимо изменить значение по умолчанию и искать изменения. Это серьезная проблема, с которой Microsoft до сих пор не справилась. Крупномасштабный дисплей будет страдать от размытости, включая потоковое видео. Даже в некоторых приложениях UWP, которые являются родными. Таким образом, возникает проблема DPI с воспроизведением видео на YouTube.

ЧИТАЙТЕ ТАКЖЕ: проблемы с высоким разрешением удаленного рабочего стола в Windows 10 [Fix]

Выполните следующие действия, чтобы изменить настройки DPI системы:

Нажмите клавишу Windows + I, чтобы открыть Настройки .
Выберите Система .
В разделе «Отображение» выберите рекомендуемое Масштабирование . Вот на 100%, как и должно быть в этой конфигурации дисплея.
Кроме того, вы можете нажать на Дополнительные параметры масштабирования чуть ниже и включить параметр « Разрешить Windows исправлять приложения, чтобы они не были размытыми ».

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

При потоковой передаче видео вы, вероятно, будете использовать веб-браузер для доступа к YouTube. Эффект масштабирования отрицательного DPI может быть результатом различных сложных недостатков. Однако это может быть вызвано простейшими ошибками.

А именно, если вы увеличиваете (или, если уж на то пошло, уменьшаете) пользовательский интерфейс браузера, потоковое видео может получиться размытым и с плохим масштабированием DPI. Конечно, этого можно избежать, просто сбрасывая параметры масштабирования по умолчанию (100%).

ЧИТАЙТЕ ТАКЖЕ: исправьте размытые устаревшие приложения в Windows 10 с масштабированием DPI

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

3. Разрешить браузеру самостоятельно масштабироваться

Масштабирование DPI является серьезной проблемой для приложений UWP, так как они запрограммированы на масштабирование системы. Однако стандартные сторонние программы win32 имеют возможность настраивать масштабирование DPI самостоятельно. Это может помочь вам решить проблему с масштабированием DPI на YouTube.

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

Выполните следующие действия, чтобы разрешить веб-браузеру использовать собственные настройки DPI:

4: очистить кеш браузера и данные просмотра

Пока мы занимаемся этим, давайте продолжим устранение неполадок, связанных с браузером. Например, известно, что Google Chrome имеет определенные проблемы с Windows 10, когда дело доходит до масштабирования DPI. В некоторой степени это связано с Windows 10, хотя иногда виноват забитый Chrome.

Кэшированные данные могут быть полезны с намерением ускорить ваш просмотр и сделать процесс максимально удобным. Однако со временем это может повлиять на общую производительность. По этой причине мы предлагаем очистить кеш браузера. Надеемся, что это позволит вам смотреть видео на YouTube без размытия или плохого масштабирования DPI.

Вот как очистить кеш браузера в Chrome, Mozilla и Edge соответственно.

Google Chrome и Mozilla Firefox

Microsoft Edge

5: добавить параметр команды во время работы браузера

Это можно сделать с помощью ярлыка Свойства. Если вы не уверены, как это сделать, выполните следующие действия:

1. Щелкните правой кнопкой мыши ярлык на рабочем столе браузера и откройте Свойства .
2. На вкладке Ярлык сфокусируйтесь на вкладке Цель .
3. В путь установки добавьте следующий параметр и сохраните изменения.
  - dpi-support = 1/force-device-scale-factor = 1
6: переустановите браузер

Если ваш браузер является единственной отличительной частью, которая не работает, переустановка является допустимым вариантом. Есть много причин, по которым браузер начинает плохо себя вести. Это, конечно, можно легко решить, полностью удалив текущую установку и загрузив последнюю итерацию указанного браузера.
- ЧИТАЙТЕ ТАКЖЕ: 5 лучших браузеров для старых, медленных ПК
После этого вы сможете использовать YouTube без масштабирования проблем с DPI. Просто не забудьте удалить все локально сохраненные данные, созданные браузером.

7: Проверьте драйверы графического процессора

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

Это особенно актуально сразу после установки системы. Windows 10 в основном устанавливает все необходимые драйверы, но большую часть времени ему сложно получить подходящий драйвер графического процессора.
- ЧИТАЙТЕ ТАКЖЕ: Windows 10 будет использовать графический процессор для сканирования вашего компьютера на наличие вирусов
С учетом сказанного мы можем завершить эту статью. Если вы все еще испытываете проблемы с масштабированием DPI на YouTube, обязательно опубликуйте здесь. Мы можем помочь вам с предоставлением достаточного количества информации. Вы можете сделать это в разделе комментариев ниже.

Читайте также: