Как уменьшить ширину экрана на компьютере: Как уменьшить ширину рабочего стола в windows 10? — Хабр Q&A

Содержание

Как сузить, расширить, приблизить экран на компьютере, ноутбуке? Как настроить разрешение экрана на Windows 7, 8, 10, XP?   

Руководство по настройке разрешения/масштаба экрана на компьютерах с операционными системами Windows.

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

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

Здесь Вы найдете пошаговую инструкцию по изменению разрешения экрана на компьютерах под управлением операционных систем Windows XP, 7, 8 и 10, а также сможете ознакомиться с решением некоторых проблем, которые могут возникнуть в процессе данной процедуры.

Изображение 1. Инструкция по настройке разрешения экрана в операционных системах Windows.

Что такое разрешение экрана?

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

Изображение 2. Что такое пиксели?

  • Основным отличием пикселей от крестиков на полотне для вышивания является их способность изменять свой цвет на подходящий под определенную ситуацию. Именно благодаря этой способности пикселей пользователь может смотреть фильм, просматривать фотографии, переключаться между разными окнами, играть в игрушки и многое другое, мгновенно наблюдая на мониторе происходящие изменения.
  • Определяющими параметрами расширения экрана считаются ширина и высота, которые принято записывать следующим образом: 1280×1024. Данные цифры обозначают, что в одной горизонтальной линии от левого до правого края экрана расположенной 1280 пикселей, а в одной вертикальной линии, от верхнего края до нижнего, находится 1024 пикселя. Данное разрешение было приведено в качестве примера. Сегодня, конечно же, существуют более хорошие мониторы, имеющие более высокое разрешение и обеспечивающие лучшее качество изображения.

Как настроить разрешение экрана на Windows XP, 7, 8, 10?

  • Теперь Вы имеете довольно подробное представление о том, что собой представляет разрешение экрана компьютера и можно переходить непосредственно к его настройке. Однако перед этим не будет лишним отметить, что большое разрешение не всегда может обеспечить высокое качество изображения.
  • Дело в том, что любой монитор имеет определенный формат, под который устанавливается оптимальное разрешение. Путем некоторых манипуляций данные ограничения можно обойти и выставить разрешение экрана больше рекомендованного. Однако делать это настоятельно не рекомендуется по той причине, что данное решение может привести к ухудшению общей картинки, выводимой на экране, а также обеспечить появление всяких визуальных дефектов, на подобии бликов и скачков изображения.
  • Кроме того, длительное использование несовместимого разрешение может вызвать физические повреждения монитора. Со временем на его экране могут появиться битые сектора. Это определенные участки, в которых пиксели не будут менять свой цвет, тем самым мешая пользователю просматривать изображение полностью.

Настройка разрешения на Windows XP

Данная операционная система считается очень древней и корпорация Microsoft уже давно прекратила ее поддержку и выпуск. Однако до сих пор многие пользователи персональных компьютеров старой школы скачивают и устанавливают Windows XP на свои машины ради ностальгии или потому, что эта «операционка» долгое время считалась наиболее стабильной и удобной. Для многих такой она осталась и по сей день.

Регулировка масштаба экрана на Windows XP происходит следующим образом:

Шаг 1.

  • Включите компьютер, дождитесь, когда загрузится «операционка» и все ее службы, после чего щелкните правой кнопкой мышки по произвольному свободному месту на рабочем столе и в раскрывшемся списке кликните по строчке «Свойства».

Изображение 3. Запуск настроек монитора Windows XP.

Шаг 2.

  • Перед Вашими глазами появится небольшое окошко с разнообразными параметрами экрана. В его верхней части Вам потребуется переключиться на вкладку «
    Параметры
    » и снизу установить разрешение, которое подходит к Вашему монитору.
  • Для продолжения щелкните по кнопке «ОК».
  • Если Вы не хотите закрывать окошка с настройками, то щелкните по кнопке «Применить».

Изображение 4. Выбор желаемых параметров экрана Windows XP.

Шаг 3.

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

Изображение 5. Подтверждение внесенных изменений Windows XP.

Настройка разрешения на Windows 7

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

Шаг 1.

  • Включите Ваш компьютер, дождитесь, когда загрузится «операционка» и все ее службы, после чего щелкните правой кнопкой мышки по произвольному свободному месту на рабочем столе и в раскрывшемся списке кликните по строчке «Разрешение экрана».

Изображение 6. Запуск настроек монитора Windows 7.

Шаг 2.

  • В открывшемся окошке в соответствующем поле выберите параметры, которые подходят для Вашего монитора. Напоминаем, что лучше всего использовать те параметры, которые рекомендует Вам система.
  • По желанию Вы можете поменять ориентацию изображения в одноименной графе.
  • Для продолжения щелкните по кнопке «
    ОК
    » и после обновления монитора подтвердите сохранение изменений кнопкой «Да» в окошке с таймером обратного отсчета.

Изображение 7. Выбор желаемых параметров монитора Windows 7.

Шаг 3.

  • Также существует возможность отрегулировать масштаб экрана другим методом. Для этого раскройте меню «Пуск», щелкните по строчке «Панель управления», найдите в открывшемся окошке раздел «Экран», войдите в него и с левой стороны щелкните по ссылке «Настройка разрешения экрана».
  • В разделе «Экран» Вы так же можете настроить отображение других элементов. Например, изменить размер значков рабочего стола или системного шрифта, а также откалибровать цветопередачу Вашего монитора.

Изображение 8. Альтернативный способ регулировки масштаба Windows 7.

Настройка разрешения на Windows 8

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

Отрегулировать масштаб на Windows 8 и 8.1 можно следующими методами:

Шаг 1

.

  • Как и в описанных ранее вариантах, от Вас потребуется включить компьютер, дождаться, когда загрузится «операционка» и все ее службы, после чего щелкнуть правой кнопкой мышки по произвольному свободному месту на рабочем столе и в раскрывшемся списке кликнуть по строчке «Разрешение экрана».

Изображение 9. Запуск настроек монитора Windows 8.

Шаг 2.

  • В развернувшемся окошке, точно таким же образом, как и в Windows 7, выберите в соответствующем поле параметры, которые подходят к Вашему монитору, щелкните по кнопке «ОК» и подтвердите сохранение изменений кнопкой «Да» в окошке с таймером обратного отчета.

Изображение 10. Выбор желаемых параметров монитора Windows 8.

Шаг 3.

  • Для регулировки масштаба альтернативным методом в Windows 8 и 8.1, переместите курсор мышки в один из двух правых углов экрана для вызова системной панели, после чего щелкните на ней по значку «Параметры» и далее по ссылке «Изменения параметров компьютера».
  • В развернувшемся окошке переместитесь в раздел «Компьютер и устройства», после чего разверните вкладку «Экран».
  • В правой части окошка выберите желаемые параметры для Вашего монитора, измените все другие интересующие Вас настройки и кликните по кнопке «Применить».

Изображение 11. Альтернативный способ регулировки масштаба Windows 8.

Настройка разрешения на Windows 10

Операционная система Windows 10 на данный момент является самой современной ОС семейства Windows и в корпорации Microsoft заявили, что после нее новых «операционок» больше не будет. Будут выходить исключительно ее обновления.
Данная «операционка» претерпела множество изменений, включая процесс регулировки масштаба экрана. Осуществить данную настройку можно несколькими методами:

Шаг 1.

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

Изображение 12. Запуск настроек монитора Windows 10.

Шаг 2.

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

Изображение 13. Выбор желаемых параметров монитора Windows 10.

Шаг 3.

  • Отрегулировать масштаб экрана в Windows 10 можно и без использования интерфейса операционной системы. Для этого раскройте меню «Пуск», нажмите на пункт «Панель управления», в развернувшемся окошке найдите и переместитесь в раздел «Экран», после чего с левой стороны нажмите на ссылку «Настройка разрешения экрана».
  • Далее установите нужные параметры, щелкните по кнопке «ОК» и подтвердите сохранение изменений кнопкой «Да» в появившемся окошке с таймером обратного отсчета.

Изображение 14. Альтернативный способ регулировки масштаба Windows 10.

Как изменить разрешение экрана с помощью утилит видеокарты?

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

Этот метод изменения расширения универсален и подходит для всех операционных систем. Отличаться могут только утилиты настройки и их интерфейс, в зависимости от производителя Вашей видеокарты. В нашем примере рассмотрим процесс регулировки масштаба экрана в утилите для видеокарт от производителя AMD. Делается это примерно следующим образом:

Шаг 1.

  • Правой кнопкой мышки кликните в любое свободное место на рабочем столе и в развернувшемся списке нажмите на пункт «Настройка Radeon». Как правило, все утилиты для видеокарт создают свой ярлык в этом контекстном меню.

Изображение 15. Запуск утилиты видеокарты.

Шаг 2.

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

Изображение 16. Первый запуск настроек утилиты.

Шаг 3.

  • Далее, в появившемся окошке щелкните по кнопке «Создать» для создания разрешения пользователя и чуть ниже введите вручную значения разрешения, частоты обновления экрана и другие параметры.
  • Данный метод изменения хорош тем, что Вы можете вписать абсолютно любые значения в поля и использовать нестандартное разрешение в обход ограничений Вашего монитора. Точно такими же возможностями обладает утилита для видеокарт от производителя NVIDIA.
  • После ввода необходимых значений щелкните по кнопке «Проверить» и посмотрите, что в итоге у Вас получилось. Если Вас изменения устраивают, то сохраните их соответствующей кнопкой и закройте программу.

Изображение 17. Настройка параметров монитора через утилиту видеокарты.

Как уменьшить, увеличить или изменить масштаб экрана на компьютере, ноутбуке с помощью клавиатуры и не только?

Кроме изменения разрешения экрана одним из выше перечисленных методов, можно изменить масштаб экрана с помощью клавиатуры и мышки. Это не улучшит качество выводимой картинки, но сделает элементы интерфейса операционной системы более компактными и позволит Вам размещать на рабочем столе больше ярлыков.
Данный метод популярен среди пользователей нетбуков, разрешение экрана которых обычно составляет 1024×600 пикселей. Делается это следующим образом:

Шаг 1.

  • Находясь на рабочем столе, нажмите и держите на клавиатуре кнопку «Ctrl» и крутите колесо мышки вверх для увеличения размера ярлыков и вниз для их уменьшения.
  • Если Вы пользуетесь тачпадом, то вместо колесика нажимайте на клавиатуре кнопки «+» или «».
  • Если Вам требуется восстановить размер элементов до исходного, то нажмите одновременно кнопки «Ctrl» и «0».
  • Данный метод масштабирования элементов интерфейса также работает во многих приложениях. Например, в Microsoft Word или Excel.

Изображение 18. Регулировка размера иконок рабочего стола.

Шаг 2.

  • Для того, чтобы уменьшить панель задач Windows, необходимо щелкнуть по ней правой кнопкой мышки и в выпадающем меню выбрать строчку «Свойства».
  • В открывшемся окошке на вкладке «Панель задач» необходимо отметить маркером строчку «Использовать маленькие значки», после чего нажать кнопки «Применить» и «ОК».
  • Таким образом, панель задач приобретет более компактный вид и Вы сможете разместить на ней больше ярлыков приложений. Описанный метод актуален для всех версий операционных систем Windows, кроме XP.

Изображение 19. Регулировка размера панели задач.

Что делать, если разрешение экрана не меняется?

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

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

Шаг 1.

  • На рабочем столе щелкните правой кнопкой мышки по ярлыку «Мой компьютер» и в появившемся меню выберите строчку «Управление».
  • В открывшемся окошке с левой стороны переключитесь на «Диспетчер устройств» и далее раскройте категорию «Видеоадаптеры».
  • Запомните модель и производителя своей видеокарты. Если вместо ее названия там отображается надпись «Стандартный адаптер VGA» или нечто подобное, то узнать модель видео карты Вы можете из документации к компьютеру или же посмотреть ее на самой плате.

Изображение 20. Поиск модели видеокарты.

Шаг 2.

  • Далее перейдите на сайт производителя Вашей видеокарты. Например, NVIDIA. Укажите на сайте модель своего видеоадептера и скачайте для него самые свежие драйвера. Установите их, после чего перезагрузите компьютер.
  • После перезагрузки ПК Вы сможете изменить разрешение экрана одним из выше описанных методов.

Изображение 21. Загрузка свежих драйверов для видеокарты.

ВИДЕО: Как уменьшить, увеличить масштаб экрана на компьютере?

Как уменьшить масштаб плоской. Почему экран слишком растянут — как исправить

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

Уменьшение масштаба через клавиатуру

1 . Открываем программу, в которой нужно уменьшить масштаб.

2 . Зажимаем клавишу Ctrl на клавиатуре и крутим вниз колесико на мышке.

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

Можно это делать и без мышки, а только клавиатурой. Для этого зажмите Ctrl и нажимайте клавишу со знаком минус (-). Для увеличения всё то же самое, но с клавишей плюс (+).

А вот чтобы сбросить масштаб, то есть вернуть его к начальному значению, нажмите Ctrl и цифру ноль (0).

Изменение масштаба через меню программы

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

В Google Chrome:

В Яндексе:

В Mozilla Firefox:

В Word и Excel:

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

Как уменьшить масштаб во всем компьютере

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

1 . Щелкаем правой кнопкой мыши по пустому месту экрана. Из меню выбираем пункт «Разрешение экрана».

Если у вас система Windows 10, выбирать нужно «Параметры экрана», затем «Дополнительные параметры экрана».

2 . В окошке, в части «Разрешение» выбираем из списка большее значение. Нажимаем «ОК» и «Применить».

Еще можно поиграться с размером значков. Для этого опять щелкните правой по пустому месту Рабочего стола и выберите «Разрешение экрана». Вверху окошка нажмите на «Экран».

В Windows 10 чуть по-другому: Параметры экрана -> Дополнительные параметры экрана -> Дополнительные изменения размера текста и других элементов.

И там выбирайте подходящий размер элементов.

Затем надо будет применить настройки и выйти из системы. Только перед этим закройте все программы, которые у вас были открыты.

– Игорь (Администратор)

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

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

Существует несколько методов, как это можно сделать в зависимости от проблемы. Их и рассмотрим.

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

Изменяем разрешение экрана Windows 7

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

1. Сверните все окна и щелкните правой кнопкой мыши в пустом месте рабочего стола.

2. В появившемся меню выберите пункт «Разрешение экрана»

3. Откроется меню, где можно указать разрешение монитора (только поддерживаемые самим монитором и видеокартой).

4. После того, как выбрали подходящий размер, нужно нажать кнопку «Применить» или «Ок». Может появиться дополнительное окошко с подтверждением изменения разрешения.

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

Уменьшаем или увеличиваем значки в проводнике

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

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

Функциональность весьма удобная. Однако, периодически вам может требоваться уменьшение или увеличение значков, а так же смена отображения. И сделать это можно, как минимум, двумя простыми методами:

1. Зажмите кнопку «Ctrl» и покрутите колесико мышки. Вы увидите, что отображение файлов меняется.

2. Щелкните правой кнопкой мыши в любом пустом месте, а затем в появившемся меню выберите внутри пункта «Вид» необходимое отображение.

Примечание : Кстати, про управление размерами через выпадающее меню, это так же относится и к основным значкам на десктопе, только там можно менять только размер значков.

Уменьшаем или увеличиваем масштаб отображения в браузере

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

1. Так же как и с проводником. Зажмите кнопку «Ctrl» и покрутите колесиком. Очень удобная возможность, можно быстро корректировать масштаб.

2. Можно использовать только клавиатуру. Для этого используется три комбинации: «Ctrl и + (знак плюса)» — увеличивает масштаб, «Ctrl и — (знак минуса)» — уменьшает размер и «Ctrl и 0 (ноль)» — позволяет вернуть исходный размер странице.

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

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

Как уменьшить масштаб страницы

Работа с элементами страницы сайта и их габаритами чаще подразумевает увеличение размеров текста и изображений. Необходимость уменьшить текст или изображение возникает в нескольких случаях:

  • пользователь является обладателем небольшого монитора (менее 19 дюймов) с ограниченным выбором разрешения;
  • на странице расположены крупные картинки, мешающие восприятию текста;
  • дизайнер страницы на сайте неудачно задал исходную ширину или высоту для значков или букв;
  • иногда необходимо уменьшить масштаб экрана для помещения всех элементов в зону видимости.

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

  • Google Chrome;
  • Mozilla Firefox;
  • Opera;
  • Internet Explorer;
  • Safari (платформа Apple Mac).

Чтобы узнать, как изменить масштаб окна внутри браузера от Яндекс, используйте данные по Google Chrome. Эта программа создавалась на основе бесплатно распространяемого исходного кода Chromium, так же, как браузер от Google. Менее популярные программные продукты используют похожие схемы управления содержимым. Программа иногда предусматривает возможность изменить горячие клавиши на более удобные для работы с окном.

В меню «Настройки»

С помощью мыши сделайте щелчок на меню, открываемое в верхней части. Это может быть как целая строка с надписью «Вид» среди прочих, так и одиночные иконки. В Опере это значок с соответствующим логотипом, а в Chrome такой элемент расположен в правой верхней части панели инструментов (кнопка с тремя горизонтальными полосами). Откройте меню одним из указанных методов, что приведет вас к нужному пункту и кнопкам для его увеличения или уменьшения. Нажимайте элемент со знаком «–» до тех пор, пока не останетесь удовлетворены результатом.

Горячими клавишами

Альтернативой для серии щелчков мышью в окне браузера будет использование горячих клавиш или комбинации клавиш для изменения габаритов иконок и символов. Большинство браузеров использует стандартную комбинацию «Ctrl+–», которая изменяет размер всех элементов в окне на фиксированное количество процентов относительно исходного значения. Платформа Apple Mac использует похожее сочетание клавиш с поправкой на иные символьные обозначения для управляющих клавиш.

Как увеличить масштаб экрана

Изменить размеры изображения веб-контента в большую сторону можно аналогично с действиями, указанными выше. Одно и то же меню используется для уменьшения или увеличения, а также для сброса параметра в исходное значение. Увеличивающая комбинация клавиш – «Ctrl» и «+». Используйте «+» на дополнительной клавиатуре, чтобы избежать конфликтов с другими клавиатурными сочетаниями. Возможность увеличить масштаб на экране используется в работе с текстом, написанным мелкими буквами.

Как изменить размер экрана на компьютере

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

Как изменить масштаб на ноутбуке

Клавиатура ноутбуков незначительно ограничивает комбинации клавиш, используемых для того, чтобы изменить видео или размер строк в окне. Вы найдете на вашей клавиатуре хотя бы один комплект кнопок «+», «–» и «0» для такой цели. Сочетание «Ctrl+0» пригодится, чтобы изменить значения обратно в 100%, например, в ситуации, когда вы чрезмерно расширили текст или изображения. Это сочетание уменьшает контент и возвращает страницу в первоначальный вид. Затем вы можете увеличить масштаб страницы на другое значение.

Видео: как поменять расширение экрана

У каждого пользователя свои требования к параметрам изображения, отображаемого на компьютерном дисплее.

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

Основными параметрами монитора можно манипулировать при помощи аппаратных кнопок, располагающихся на его корпусе.

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

Масштабирование в Windows


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

Для ее использования надо нажать клавишу «Ctrl» и сделать оборот колесика мышки. В зависимости от направления вращения размер изображения на мониторе будет уменьшаться или увеличиваться.

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

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

Изменение разрешения экрана Windows XP


Чтобы в свойства экрана нужно — установить курсор на свободном участке рабочего стола, а затем нажать правую кнопку. В открывшемся меню надо выбрать «Свойства». В открывшемся окне выбрать последний пункт «Параметры» и сдвинуть ползунок вправо или влево, в зависимости от размера отображаемых параметров. Для просмотра изменений — нажать «Применить», для сохранения — «Ок».

Изменение разрешения экрана Windows 7, 8

Сначала правой кнопкой мыши нажимаем на свободном месте экрана, после этого появиться меню, в котором нужно кликнуть на пункт «Персонализация». В левой части открывшегося окна надо выбрать «Разрешение экрана», а затем выбрать его большее значение, что вызовет уменьшение размера изображения.

Будьте внимательны — настраивая разрешение экрана монитора. Дело в том, что разрешение экрана напрямую отвечает за чёткость изображения (окна, ярлыки). Чем больше разрешение, тем четче изображение и меньше объект.

Для современных операционных систем очень важно, чтобы их интерфейс был как можно более простым, понятным и удобным. А еще он должен быть настраиваемым. Настройка интерфейса включает множество аспектов, например, масштабирование и изменение разрешения экрана. Зачем это нужно, объяснять излишне. Всем известно, насколько утомительным может быть чтение мелкого шрифта, то же самое касается мелких элементов интерфейса – кнопок, значков, панелей, меню и так далее. Противоположная ситуация, когда неудобства доставляют слишком большие элементы интерфейса. Вот почему в Windows разработчиками Microsoft была предусмотрена возможность изменять масштаб экрана и отдельных компонентов.

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

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

Инструменты для изменения масштаба экрана в Windows 7/10

Между масштабированием в Windows 10 и 7/8.1 есть небольшие отличия. Сначала посмотрим, как изменить масштаб экрана на компьютере Windows 10. Для этого откройте приложение «Параметры» и перейдите в раздел «Дисплей», который позволяет задать разрешение и выполнить масштабирование. По умолчанию масштаб выставлен 100%, но в выпадающем меню вы можете выбрать 125%, увеличив тем самым размер всех элементов интерфейса.

Если этого мало, кликните по ссылке «Настраиваемое масштабирование» и задайте свой коэффициент, после чего перезайдите в учетную запись. Увлекаться, однако, не стоит, так как если вы слишком сильно увеличите масштаб, то работать будет совершенно точно неудобно. Что получится при установке масштаба 500%, хорошо демонстрирует этот скриншот.

Поддерживает Windows 10 и масштабирование отдельных элементов, но с этим не всё однозначно. Такая опция присутствовала в ранних сборках «десятки», затем она была удалена, в осеннем обновлении 1809 снова восстановлена, но в урезанном виде, позволяющем масштабировать только текст. Доступ к указанному функционалу открывается из раздела Специальные возможности – Дисплей .

В Windows 7 и 8.1 функции масштабирования в таком виде, в каком она присутствует в Windows 10, нет. Здесь интерфейс масштабируется путем изменения размера всех элементов рабочего стола или только шрифта. Если у Вас Windows 8.1 или Windows 7, кликните по рабочему столу ПКМ, выберите в меню «Разрешение экрана», в новом окне нажмите «Изменение размеров текста и других элементов» и установите нужный масштаб – мелкий, средний или крупный. Также можно нажать ссылку «Пользовательские параметры» и установить масштабирование в процентном соотношении.

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

С увеличением все понятно, а как уменьшить масштаб экрана на компьютере? К сожалению, в Microsoft уменьшение всех без исключения элементов рабочего пространства посчитали нецелесообразным. Глобально изменять масштаб в отрицательную сторону Windows не позволяет, но ничто не мешает уменьшить размер шрифтов и пиктограмм файлов, либо попробовать понизить разрешение самого экрана.

Горячие клавиши для уменьшения/увеличения масштаба экрана

Останавливаться на изменении разрешения дисплея мы не будем, тут всё и так должно быть понятно, а если нет, то смотрите скриншоты выше. Теперь же посмотрим, как уменьшить или увеличить масштаб экрана на ноутбуке с помощью клавиатуры. Если кликнуть в пустой области Проводника ПКМ, то можно изменить размер пиктограмм, установив крупные, обычные или мелкие значки. То же самое делается с помощью комбинации Ctrl + колесико мыши. Прокрутка колесиком вверх с зажатой Ctrl увеличивает масштаб значков, прокрутка вниз уменьшает значки. Этот способ масштабирования неполный, так как значки панели задач, панели переходов, меню, текст и прочие элементы остаются в неизменном виде.

Следует учесть, что прокрутка колесиком с зажатой Ctrl мыши в окне Проводника помимо всего прочего меняет режим отображения элементов. Так, если вы продолжите прокручивать колесико вниз после того, как был достигнут минимальный размер пиктограмм, будет включен режим «Список», затем «Таблица», «Плитка» и «Содержимое». На некоторых моделях ноутбуков и компьютеров для подобного масштабирования можно использовать комбинацию Ctrl + и Ctrl — . Эта же комбинация применяется для масштабирования интерфейса в большинстве браузеров.

Удобные сторонние программы для управления параметрами экрана

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

ZoomIT

Эта небольшая утилита предназначена для масштабирования произвольных областей экрана. Работает она по тому же принципу, что и штатная Лупа, но при этом гораздо удобнее и функциональнее. ZoomIT поддерживает масштабирование до 400%, рисование на экране, установку на экран заставки с таймером в 10 минут. Комбинация Ctrl + 1 включает рисовалку, Ctrl + 3 – десятиминутную заставку, Ctrl + 4 – масштабирование. Как и в случае применения лупы, качество изображения при использовании ZoomIT теряется.

Carroll

Простая программа для управления разрешением монитора. В принципе, поскольку она дублирует функционал Windows, ее можно было бы считать бесполезной, если бы не пара «но». Во-первых, приложение обеспечивает более быстрый и удобный доступ к стандартным шаблонам разрешений, во-вторых, позволяет задать предпочитаемое разрешение для каждого отдельного пользователя. Включается эта функция нажатием «Change screen resolution and restore with every logon…».

Итог

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

Уменьшился размер страницы в контакте. Как изменить масштаб страницы в вконтакте


Существующие способы

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

#1. Только на одной вкладке

Этот вариант поможет вам увеличить или уменьшить масштаб экрана в ВК на одной выбранной вами вкладке; все остальные вкладки при этом останутся в прежнем виде и не изменят своего размера, что очень удобно в тех случаях, когда вы испытываете проблемы именно с этой вкладкой, например, если вас интересует вопрос — как увеличить страницу в Контакте, если она уменьшилась.

Вариант А — зажмите клавишу Ctrl и прокручивать колёсико мышки вверх или вниз, в зависимости от требуемого результата.

Вариант Б — зажмите Ctrl и управляйте размером с помощью кнопок + и — на клавиатуре.

Вариант В — мышкой откройте блок «Меню браузера» и найдите группу Масштаб. В ней можно изменить значение также с помощью кнопок + или —.

Размер страницы Вас теперь устраивает? Читать удобно? Отлично! Тогда можно перейти к следующему заданию Например, давайте поменяем обои и сделаем Ваш аккаунт чуть привлекательнее!

#2. На всех вкладках браузера сразу

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

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

  • Откройте меню своего браузера, кликнув по трём точкам или полосам в правом (или левом) верхнем углу экрана.
  • Как увеличить шрифт «В Контакте»: несколько простых решений проблемы
  • Выберите среди разделов вкладку «Дополнительные параметры» или «Настройки».
  • Найдите раздел «Веб-содержимое» или «Внешний вид» и откройте его.
  • Найдите параметры «Масштаб страницы».

  • Теперь укажите нужные вам данные в процентном соотношении, а после того, как убедитесь, что указали всё правильно, кликните по «Сохранить».

Эта информация будет сохранена для всех вкладок.

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

Похожие статьи:
  • Как поменять пароль от страницы на компьютере
  • Как изменить ID
  • Размер аватарки группы
  • Как узнать пароль
  • Как поменять фамилию без проверки администратора

By Blogsdna

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

Настройка масштаба в браузерах

Необходимо изначально понимать, что такая процедура увеличивает не только шрифт, но и всё остальное содержимое веб-страницы: картинки, меню и т.д… Рассмотрим 3 самых популярных браузера и их настройки шрифтов. Но также вы должны знать, что существует универсальный способ для увеличения масштаба в браузерах, но о нем я расскажу чуть ниже.

В Google Chrome увеличить шрифт очень просто. Необходимо только зайти в меню браузера и увеличить (уменьшить) масштаб в соответствующей строке.

В Opera эта процедура выполняется аналогично. Кратность масштабирования составляет 10%. Также легко можно и уменьшить масштаб при необходимости.

Браузер Mozilla Firefox не отличается от браузеров, которые мы ранее с вами обсуждали, ведь все делается аналогично.
ВАЖНО!
Рекомендуется изменение именно масштаба отображения веб-содержимого страницы, а не настроек шрифтов. Изменение масштаба гарантирует результат, а изменение непосредственно шрифтов может привести к нарушению правильного отображения страницы и поэтому не надо тратить на это время.

Существуют также горячие комбинации клавиш для увеличения шрифта, которые действуют во всех браузерах. Для увеличения зажимаем клавишу «Ctrl» и нажимаем +(плюс), для уменьшения аналогично, но с — (минус). Ещё один способ заключается в прокрутке колеса мышки, когда зажата клавиша «Ctrl». Действует не только в браузерах, но и во всей системе Windows.

Как увеличить Вконтакте

Страница Вконтакте уменьшилась

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

Для того, чтобы увеличить Вконтакте и исправить проблему, почему Вконтакте уменьшилась страница, откроем меню Настройки браузера, где в верхней части будет расположена панель со знаками «-» и «+» минус и плюс. Нажимая поочередно на значок «+» можно добиться нужного отображения сайта. Как правило, размер страницы устанавливается в процентном соотношении, где 100% — является стандартным видом.

Как изменить масштаб на ноутбуке

Клавиатура ноутбуков незначительно ограничивает комбинации клавиш, используемых для того, чтобы изменить видео или размер строк в окне. Вы найдете на вашей клавиатуре хотя бы один комплект кнопок «+», «–» и «0» для такой цели. Сочетание «Ctrl+0» пригодится, чтобы изменить значения обратно в 100%, например, в ситуации, когда вы чрезмерно расширили текст или изображения. Это сочетание уменьшает контент и возвращает страницу в первоначальный вид. Затем вы можете увеличить масштаб страницы на другое значение.

Вконтакте масштаб страницы

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

  • Как увеличить масштаб страницы в Одноклассниках на компьютере?

Как уменьшить страницу Вконтакте

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

Как увеличить страницу Вконтакте

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

Вот таким простым способом можно как увеличить масштаб Вконтакте, так и уменьшить масштаб. И напоследок, скажем одно слово еще об одном, возможно наиболее простом и быстром способе, как увеличить или уменьшить Вконтакте. Сделать это можно зажав на клавиатуре клавишу Ctrl + колесико мыши. Зажимайте Ctrl и крутите колесом вперед-назад и вы увидите, как размер страницы Вконтакте меняется в зависимости от направления колесика. Добейтесь нужного размера и наслаждайтесь общением Вконтакте.

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

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

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

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

Изменение разрешения экрана

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

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

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

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

Мобильные устройства

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

Сторону. Это и есть ответ на вопрос «как уменьшить масштаб страницы на смартфоне или планшете под управлением ОС от Гугл». Для выполнения противоположной операции нужно пальцы ставить вместе и затем их постепенно раздвигать. Наиболее часто это используется при просмотре интернет-ресурсов, изображений и текстовых документов. Чуть посложнее ситуация на мобильных телефонах. На них чаще используются с резистивной технологией. Как результат — ранее изложенным способом изменить масштаб уже невозможно. В некоторых случаях (например, «Нокия С2-03») сбоку экрана есть две лупы с «плюсом» и «минусом». Именно они и отвечают за выполнение данной операции. Если же таких кнопок нет, то необходимо просматривать меню и находить в нем необходимый пункт. Аналогичным образом эта ситуация решается и на кнопочных устройствах.

Браузер

На сегодняшний день используется множество браузеров-утилит для просмотра интернет-страниц на экране персонального компьютера. Но алгоритм изменения масштаба страниц у них одинаковый. Существует два способа — с помощью только клавиатуры и комбинацией последней и мышки. В качестве примера приведем уменьшение размера изображения сайта на экране монитора. Для этого достаточно на клавиатуре зажать клавишу «Ctrl» и — не отпуская ее — нажать «-». Это должно привести к желаемому результату. Второй способ состоит в том, что необходимо зажать все ту же клавишу «Ctrl» и крутить скроллинг мыши. Если манипуляции приводят к противоположному результату, то нужно изменить направление вращения. Также в большинстве таких программных продуктов в меню есть пункт «Масштабирование» (например в Яндекс-браузере). У него есть три пункта: «+», «-» и «100 %». Действие их аналогично ранее изложенным манипуляциям.

Текстовый редактор

Широкие возможности для изменения масштаба реализованы в различных например, в «Ворде». В нем есть отдельная вкладка «Вид». На ней расположена мини-панель «Масштаб». Тут находится всего 5 кнопок. Первая из них звучит так же,

как и название мини-панели. При нажатии на нее появляется специальное окно, в котором можно с помощью цифровой клавиатуры задать необходимое значение. Вторая кнопка — «100 %». Она позволяет положение страницы сделать таким, как она бы выглядела на бумаге после вывода на принтере. Очень удобная операция для предварительного просмотра. Последние три кнопки предназначены для масштабирования документа таким образом, чтобы на экране были одна или две страницы по ширине. Также есть возможность без захождения в какие-либо вкладки сделать аналогичную операцию. Для этого достаточно путем нажатия левой кнопки мыши на «+» или «-» в левом углу экрана над изменять размер текста.

Итог

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

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

Все в ваших руках

Еще один распространенный и очень простой способ того, как увеличить шрифт «В Контакте», находится в буквальном смысле в наших руках. На клавиатуре зажимаем клавишу Ctrl (Control) и крутим колесико мышки вверх. Это простое движение увеличивает масштаб страницы. Как только оптимальный размер будет выставлен, просто отпустите колесико.

Еще вариант: зажмите клавишу Ctrl и регулируйте масштаб, нажимая на клавиатуре кнопки с символами «+» и «-» (справа на вынесенной панели с цифрами или вверху над буквами). Каждое нажатие на клавишу «+» прибавляет 10% к масштабу. Если у вас Windows7, то увеличить шрифт поможет специальный инструмент. Он называется электронная лупа. Она открывается нажатием клавиш Win (черный квадратик между Ctrl и Alt) и «+»/«-». С ее помощью можно расшифровать даже самый мелкий текст.

Для смартфона и планшета

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

Удивительно, насколько актуальными сейчас являются офисные приложения или Интернет-браузеры. На самом деле любое приложение работает таким способом, что вопрос о том, как уменьшить масштаб страницы, не возникает изначально. Дело в том, что масштабирование любой страницы имеет собственные основы, не касающиеся системных настроек, а относящиеся к браузерам или к работе с офисными документами. Давайте попробуем разобраться в том, как произвести такие изменения в ОС Windows.

Как убрать увеличение экрана на компьютере мышкой. Как уменьшить масштаб страницы в разных случаях

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

Универсальный способ

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

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

Настройки браузера Опера


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

В новых версиях интернет-обозревателя ситуация немного изменилась, и ползунок разработчики убрали, поэтому действовать придется другим способом. Для начала заходим в Настройки. Сделать это можно как через кнопку Инструменты (Opera), так и нажатием сочетания Ctrl и F12. В открывшемся окне переходим на вкладку Веб-страницы.

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

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

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


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



Все популярные веб-браузеры ( Google Chrome, Mozilla FireFox, Opera, Internet Explorer ) снабжены функцией уменьшения или увеличения масштаба отображаемой страницы. Функция масштабирования позволяет пользователям увеличивать или уменьшать шрифт и картинки просматриваемой в браузере страницы. Это может быть полезно для людей с ослабленным зрением, а также в случаях чрезмерно высокого или низкого разрешения экрана.

Возможно, кто-то случайно изменил размер , а теперь не знает как вернуть обратно. Существуют три способа того, как можно изменить размер шрифта и картинок в браузере: комбинацией клавиш клавиатуры, совместным использованием клавиатуры и мыши, а также изменив настройки используемого браузера. Ниже опишу все способы подробно.

1 способ. С помощью клавиатуры

Стандартные комбинации клавиш для увеличения и уменьшения шрифта в любом популярном веб-браузере:

Зажмите клавишу « Ctrl » и нажимайте клавишу «+» для увеличения масштаба.
Зажмите клавишу «Ctrl» и нажимайте клавишу «-» для уменьшения масштаба.

2 способ. С помощью клавиатуры и мыши

Тоже одинаково для всех браузеров:

Зажмите клавишу «Ctrl» и крутите колесико мыши вверх для увеличения масштаба.
Зажмите клавишу «Ctrl» и крутите колесико мыши вниз для уменьшения масштаба.

3 способ. Настройка бразура

Уменьшение или увеличение шрифта в браузере:

«Chrome»

1. Кликните по значку гаечного ключа и выберите пункт меню «Параметры» .
2. В левой боковой панели выберите вкладку «Дополнительные» .
3. В разделе «Веб-содержание» изменяйте «Масштаб страницы» .

«Firefox»

1. Кликните опцию «Вид» в навигационном меню вверху окна браузера.
2. Из меню «Вид» кликните опцию «Масштаб» .
3. Кликните опцию «Уменьшить» или «Увеличить» . Содержимое страницы изменится в размере.
4. Кликните опцию «Масштаб текста» в меню «Масштаб» , чтобы отобразить настройки изменения текста. Передвигайте ползунок влево для уменьшения шрифта или вправо — чтобы увеличить.

«Opera»

1. Откройте браузер «Opera» и перейдите на желаемую веб страницу.
2. Кликните кнопку «Вид» на строке состояния в нижнем правом углу окна браузера.
3. Перетяните ползунок на значение меньше 100 процентов, чтобы уменьшить размер отображения страницы, или больше 100 — чтобы увеличить.

«Internet Explorer»

1. Откройте веб страницу в браузере «Internet Explorer» .
2. Кликните по стрелке рядом с настройкой «Изменить масштаб» в правом нижнем углу окна браузера.
3. Кликните по необходимому уровню масштаба, выбрав его на специальной шкале, либо кликните опцию «Особый» , а затем укажите необходимый масштаб в строку «Масштаб в процентах» . Чтобы уменьшить размер отображаемой страницы вам нужно ввести значение меньше 100 процентов, чтобы увеличить — больше.

Достаточно часто при работе на различных цифровых устройствах невозможно разобрать то, что находится на его экране. В такой ситуации возникает вопрос о том, как уменьшить масштаб страницы или увеличить его. У неопытных начинающих пользователей такая ситуация вызывает массу негативных эмоций. Они начинают нервничать и совершать совершенно непредсказуемые действия. Хотя ничего сверхстрашного в этом нет, и путем выполнения простых манипуляций все можно вернуть в исходное состояние. Важно отметить один момент. Вопрос относительно того, как уменьшить масштаб страницы или увеличить его, должен быть привязан к конкретному типу устройств. То есть для смартфона порядок решения такой проблемы один, а для персонального компьютера — совершенно другой. При этом во втором случае не последнюю роль играет и приложение, в котором возникла такая ситуация.

Мобильные устройства

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

сторону. Это и есть ответ на вопрос «как уменьшить масштаб страницы на смартфоне или планшете под управлением ОС от Гугл». Для выполнения противоположной операции нужно пальцы ставить вместе и затем их постепенно раздвигать. Наиболее часто это используется при просмотре интернет-ресурсов, изображений и текстовых документов. Чуть посложнее ситуация на мобильных телефонах. На них чаще используются с резистивной технологией. Как результат — ранее изложенным способом изменить масштаб уже невозможно. В некоторых случаях (например, «Нокия С2-03») сбоку экрана есть две лупы с «плюсом» и «минусом». Именно они и отвечают за выполнение данной операции. Если же таких кнопок нет, то необходимо просматривать меню и находить в нем необходимый пункт. Аналогичным образом эта ситуация решается и на кнопочных устройствах.

Браузер

На сегодняшний день используется множество браузеров-утилит для просмотра интернет-страниц на экране персонального компьютера. Но алгоритм изменения масштаба страниц у них одинаковый. Существует два способа — с помощью только клавиатуры и комбинацией последней и мышки. В качестве примера приведем уменьшение размера изображения сайта на экране монитора. Для этого достаточно на клавиатуре зажать клавишу «Ctrl» и — не отпуская ее — нажать «-». Это должно привести к желаемому результату. Второй способ состоит в том, что необходимо зажать все ту же клавишу «Ctrl» и крутить скроллинг мыши. Если манипуляции приводят к противоположному результату, то нужно изменить направление вращения. Также в большинстве таких программных продуктов в меню есть пункт «Масштабирование» (например в Яндекс-браузере). У него есть три пункта: «+», «-» и «100 %». Действие их аналогично ранее изложенным манипуляциям.

Текстовый редактор

Широкие возможности для изменения масштаба реализованы в различных например, в «Ворде». В нем есть отдельная вкладка «Вид». На ней расположена мини-панель «Масштаб». Тут находится всего 5 кнопок. Первая из них звучит так же,

как и название мини-панели. При нажатии на нее появляется специальное окно, в котором можно с помощью цифровой клавиатуры задать необходимое значение. Вторая кнопка — «100 %». Она позволяет положение страницы сделать таким, как она бы выглядела на бумаге после вывода на принтере. Очень удобная операция для предварительного просмотра. Последние три кнопки предназначены для масштабирования документа таким образом, чтобы на экране были одна или две страницы по ширине. Также есть возможность без захождения в какие-либо вкладки сделать аналогичную операцию. Для этого достаточно путем нажатия левой кнопки мыши на «+» или «-» в левом углу экрана над изменять размер текста.

Итог

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

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

Уменьшение масштаба через клавиатуру

1 . Открываем программу, в которой нужно уменьшить масштаб.

2 . Зажимаем клавишу Ctrl на клавиатуре и крутим вниз колесико на мышке.

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

Можно это делать и без мышки, а только клавиатурой. Для этого зажмите Ctrl и нажимайте клавишу со знаком минус (-). Для увеличения всё то же самое, но с клавишей плюс (+).

А вот чтобы сбросить масштаб, то есть вернуть его к начальному значению, нажмите Ctrl и цифру ноль (0).

Изменение масштаба через меню программы

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

В Google Chrome:


В Яндексе:



В Mozilla Firefox:


В Word и Excel:


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

Как уменьшить масштаб во всем компьютере

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

1 . Щелкаем правой кнопкой мыши по пустому месту экрана. Из меню выбираем пункт «Разрешение экрана».

Если у вас система Windows 10, выбирать нужно «Параметры экрана», затем «Дополнительные параметры экрана».

2 . В окошке, в части «Разрешение» выбираем из списка большее значение. Нажимаем «ОК» и «Применить».


Еще можно поиграться с размером значков. Для этого опять щелкните правой по пустому месту Рабочего стола и выберите «Разрешение экрана». Вверху окошка нажмите на «Экран».

В Windows 10 чуть по-другому: Параметры экрана -> Дополнительные параметры экрана -> Дополнительные изменения размера текста и других элементов.


И там выбирайте подходящий размер элементов.


Затем надо будет применить настройки и выйти из системы. Только перед этим закройте все программы, которые у вас были открыты.

Адаптивные изображения — Изучение веб-разработки

В данной статье мы изучим концепцию гибких (responsive) изображений — таких, которые отображаются хорошо на устройствах с сильно отличающимися размерами экрана, разрешением, и другими характеристиками — и рассмотрим инструменты, которые  имеются в HTML для их реализации. Responsive images — только одна часть (и хорошее начало) гибкого веб-дизайна, темы, которая будет рассмотрена подробнее в будущем модуле на тему CSS.

Какую проблему мы пытаемся решить адаптивными изображениями? Давайте рассмотрим типичный сценарий. Обычный веб-сайт может содержать изображение в заголовке, для улучшения визуального восприятия пользователем, а также несколько изображений в контенте под ним. Вы, вероятно, захотите, чтобы изображение в заголовке занимало всю ширину окна, а изображения в контенте размещались где-то внутри колонки с контентом. Давайте посмотрим на следующий простой пример:

Такая вёрстка хорошо выглядит на широкоформатных экранах ноутбуков и настольных ПК, (вы можете посмотреть посмотреть демо-пример и найти исходный код на Github.) Мы не будем подробно рассматривать CSS, скажем только следующее:

  • Содержимому тега main задана максимальная ширина 1200 пикселей. Если окно браузера выше этой ширины, то содержимое сайта остаётся на 1200 пикселей и центрирует себя в доступном пространстве. Если окно браузера ниже этой ширины, содержимое устанавливается в 100% от ширины экрана.
  • Изображение в шапке всегда будет оставаться в центре тега header вне зависимости от ширины браузера. Если сайт будет просматриваться на узких экранах, то важные детали в центре изображения (люди) всё равно будут видны. Все, что выходит за пределы ширины экрана будет скрыто. Высота шапки 200 пикселей.
  • Изображения в содержимом заданы так, что если ширина body становится меньше чем ширина изображения, то изображения начинают сжиматься и остаются всегда внутри body и не выступают за его пределы.

Всё хорошо, однако проблемы начинаются, когда вы просматриваете сайт на устройстве с небольшим экраном – шапка внизу выглядит нормально, но теперь она занимает значительную высоту экрана; первое изображение в контенте напротив, выглядит ужасно – при таком размере едва можно рассмотреть людей!

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

Кроме того, нет нужды встраивать такие большие изображения на страницу, если она просматривается на маленьком экране мобильного устройства; это называется resolution switching problem — растровое изображение представляет собой точно-заданное количество пикселей по ширине и высоте; как мы успели заметить, когда рассматривали векторную графику, растровое изображение становится зернистым и выглядит ужасно, если оно отображается в размере большем, чем оригинальный (тогда как векторное изображение нет). В то же время, если изображение отображается в гораздо меньшем размере, чем оригинальный, это приведёт к напрасной трате трафика — пользователи мобильных устройств будут грузить большое изображение для компьютера, вместо маленького для их устройства. Идеально было бы иметь несколько файлов в разных разрешениях, и отображать нужный размер в зависимости от устройства, обращающегося к веб-сайту.

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

Можно предположить, что векторные изображения могли бы решить эти проблемы. В какой-то степени это так. У них небольшой вес и размер, поэтому их можно использовать почти в любом случае. Они хороши для простой графики, узоров, элементов интерфейса и т. д. Сложнее создать векторное изображение с большим количеством деталей, как, например, на фото. Растровые изображения (JPEG) для нашего примера подходят больше. 

Такого рода проблемы не было в начале существования веба, в первой половине 90-х годов – тогда единственными устройствами для просмотра веб-страниц были настольные компьютеры и ноутбуки, так что создатели браузеров и авторы спецификаций даже не задумывались о создании решения. Технологии отзывчивых изображений были реализованы недавно для решения проблем, указанных выше. Они позволяют вам предоставить браузеру несколько изображений, каждое из которых отображает одно и то же, но содержит разное количество пикселей (resolution switching), или разные изображения с отдельными областями основного изображения (art direction).

Примечание: Новые возможности обсуждаются в статье — srcset/sizes/<picture> — все они поддерживаются последними версиями современных настольных и мобильных браузеров (включая Microsoft Edge, но не Internet Explorer).

В этом разделе рассмотрим две вышеописанные проблемы и покажем, как их решить с использованием инструментов HTML <img>. Как показано на примере выше — изображение в заголовке используется только как украшение сайта и установлено как фоновое с помощью CSS. CSS больше подходит для адаптивного дизайна чем HTML, об этом поговорим в следующем модуле о CSS.

Разные разрешения: Разные размеры

Итак, какую проблему решают разные разрешения? В зависимости от устройства нужно отобразить одно и то же изображение, но разных размеров. Посмотрите на вторую картинку в примере. Стандартный элемент <img> обычно позволяет указать только один  путь к файлу:

<img src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy">

Однако есть два новых атрибута — srcset and sizes — позволяющих добавить дополнительные изображения с пометками, чтобы браузер выбрал подходящее. Пример на Github: responsive.html (также смотри источник кода).

<img srcset="elva-fairy-320w.jpg 320w,
             elva-fairy-480w.jpg 480w,
             elva-fairy-800w.jpg 800w"
    
     src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy">

Атрибуты srcset и sizes кажутся сложными, но они не так плохи, если вы отформатируете их как в примере выше: каждая часть значения атрибута с новой строки. Значение состоит из списка элементов через запятую, каждый из которых включает три части. Давайте рассмотрим эти значения:

srcset включает названия изображений, среди которых браузер выберет нужное и их размеры. Перед каждой запятой части значения в таком порядке:

  1. Название изображения (elva-fairy-480w.jpg.)
  2. Пробел.
  3. Актуальная ширина картинки в пикселах (480w) — заметьте, что здесь используется w вместо px, как вы могли ожидать.  Эта настоящая ширина изображения, которая может быть просмотрена в свойствах картинки на вашем компьютере (например, на Mac нужно открыть картинку в Finder и нажать  Cmd + I , чтобы вывести информацию на экран).

sizes определяет перечень медиавыражений (например, ширину экрана) и указывает предпочтительную ширину изображения, когда определённое медиавыражение истинно — это то, о чём мы говорили выше. В нашем случае, перед каждой запятой мы пишем:

  1. Медиа-условие ((max-width:480px)) — вы можете больше узнать об этом в CSS topic, но сейчас давайте скажем, что медиа-условие описывает возможное состояние экрана. В этом случае, мы говорим «когда viewport width меньше или равен 480 пикселям».
  2. Пробел.
  3. Ширину слота (в оригинале «width of the slot»), занимаемую изображением, когда медиа-условие истинно. (440px)

Note: Для ширины слота, вы можете указать абсолютные значения (px, em) или значение относительно окна просмотра (vw), но НЕ проценты. Вы могли заметить, что у последнего слота нет медиа-условия — это значение по умолчанию, которое станет актуальным, если ни одно из предыдущих медиа-условий не будет истинно. Браузер игнорирует все последующие проверки после первого совпадения, так что будьте внимательнее к порядку их объявления.

Итак, с такими атрибутами, браузер сделает следующее:

  1. Посмотрит на ширину экрана устройства.
  2. Попытается определить подходящее медиа-условие из списка в атрибуте sizes.
  3. Посмотрит на размер слота к этому медиавыражению.
  4. Загрузит изображение из списка из srcset, которое имеет тот же размер, что и выбранный слот, или, если такого нет, то первое изображение, которое больше размера выбранного слота. 

И это всё! На текущий момент, если поддерживающий браузер с viewport width 480px загрузит страницу, медиа-условие (max-width: 480px) будет истинно, следовательно, будет выбран слот 440px, тогда будет загружено изображение elva-fairy-480w.jpg, так как свойство ширины (480w) наиболее близко значение 440px. Условно, изображение 800px занимает на диске 128KB, в то время как версия в 480px только 63KB — экономия в 65KB. Теперь представьте, что у вас страница, на которой много изображений. Используя это технику, вы обеспечите мобильным пользователям большую пропускную способность.

Старые браузеры, не поддерживающие эти возможности, просто проигнорируют их и возьмут изображение по адресу из атрибута src.

Note: В описании элемента <head> вы найдёте строку <meta name="viewport" content="width=device-width">: это заставляет мобильные браузеры адаптировать их реальный viewport width для загрузки web-страниц (некоторые мобильные браузеры нечестны насчёт своего viewport width, вместо этого они загружают страницу в большем viewport width, а затем ужимают её, что не очень хорошо сказывается на наших отзывчивых изображениях или дизайне. Мы расскажем вам об этом больше в будущем модуле.)

Полезные инструменты разработчика

Есть несколько полезных браузерных инструментов разработчика, чтобы помочь с определением необходимой ширины слотов и т. д., которые вам нужно использовать. Когда я работал над ними, я сначала загружал фиксированную версию моего примера (not-responsive.html), затем открывал Responsive Design View (Tools > Web Developer > Responsive Design View), который позволяем взглянуть на layout вашей веб-страницы как если бы они были просмотрены через устройства с различными размерами экрана.

Я устанавливал viewport width на 320px, затем на 480px; для каждой я обращался к DOM Inspector, кликал по элементу <img> в котором мы заинтересованы, далее смотрел размер во вкладке Box Model с правой стороны дисплея. Это должно дать вам необходимую ширину изображения

А дальше вы можете проверить работает ли srcset если установить значение viewport width таким каким вы хотите (например, установить узкую ширину), открыв Network Inspector (Tools > Web Developer > Network) и затем перезагрузить страницу. Это должно дать вам перечень ресурсов которые были загружены чтобы составить (собрать) web-страницу, и тут вы можете проверить какой файл изображения был выбран для загрузки.

Переключения разрешений: Одинаковый размер, разные разрешения

Если вы поддерживаете несколько разрешений экрана, но все видят ваше изображение в одном и том же размере на экране, вы можете позволить браузеру выбирать изображение с подходящим разрешением используя srcset с x-дескриптором и без sizes — более простой синтаксис! Найти пример как это выглядит можно здесь srcset-resolutions.html (смотрите также the source code):

<img srcset="elva-fairy-320w.jpg,
             elva-fairy-480w.jpg 1.5x,
             elva-fairy-640w.jpg 2x"
     src="elva-fairy-640w.jpg" alt="Elva dressed as a fairy">

В данном примере, к изображению применяется CSS таким образом, что оно имеет ширину в 320 пикселей на экране (также называемое CSS-пикселями):

В этом случае, нет необходимости в sizes — браузер просто определяет в каком разрешении отображает дисплей и выводит наиболее подходящее изображение в соответствии с srcset. Таким образом, если устройство, подключаемое к странице, имеет дисплей стандартного/низкого разрешения, когда один пиксель устройства представляет (соответствует) каждый CSS-пиксель, то будет загружено изображение elva-fairy-320w.jpg (применён x1, то есть вам не надо включать его). Если устройство имеет высокое разрешение, в два пикселя устройства на каждый CSS-пиксель или более, то будет загружено изображение elva-fairy-640w.jpg. 640px изображение имеет размер 93KB, тогда так 320px изображение — всего 39KB.

Художественное оформление

Подводя итоги, проблема художественного оформления заключается в желании изменить отображаемое изображение чтобы оно соответствовало разным размерам отображения изображения. Например, если на веб-сайте отображается большой пейзажный снимок с человеком посередине при просмотре в браузере на настольном компьютере, то при просмотре веб-сайта в мобильном браузере он уменьшается; он будет выглядеть плохо так как человек будет очень меленьким и его будет тяжело разглядеть. Вероятно будет лучше показать меньшую портретную картинку в мобильной версии на которой человек отображается в увеличении (в приближении). Элемент <picture> позволяет нам применять именно такое решение.

Возвращаясь к нашему оригинальному примеру not-responsive.html, мы имеем изображение которое очень нуждается в художественном оформлении:

<img src="elva-800w.jpg" alt="Chris standing up holding his daughter Elva">

Давайте исправим это при помощи элемента <picture>! Так же как <video> и <audio>, элемент <picture> это обёртка содержащая некоторое количество элементов <source> которые предоставляют браузеру выбор нескольких разных источников, в сопровождении крайне важного элемента <img>. Код responsive.html выглядит так:

<picture>
  <source media="(max-width: 799px)" srcset="elva-480w-close-portrait.jpg">
  <source media="(min-width: 800px)" srcset="elva-800w.jpg">
  <img src="elva-800w.jpg" alt="Chris standing up holding his daughter Elva">
</picture>
  • Элемент <source> принимает атрибут media, который содержит медиа-условие; при помощи этих условий определяется, какое изображение будет выведено. В данном случае, если ширина viewport’a составит 799px или меньше, будет выведено изображение первого элемента <source>. Если ширина составит 800px и более — второго.
  • Атрибут srcset содержит путь изображения, которое будет выведено. Обратите внимание, что, как и в примере с <img> выше, <source> может принимать атрибуты srcset и sizes с несколько предопределёнными изображениями. Так вы можете не только поместить группу изображений внутри элемента <picture>, но и задать группу предписаний для каждого из них. В реальности вы вряд ли захотите заниматься этим очень часто.
  • Вы всегда должны использовать элемент <img>, с src и alt, прямо перед </picture>, иначе изображения не появятся. Это нужно на тот случай, когда ни одно из медиа-условий не удовлетворено (например, если бы вы убрали второй элемент <source>) или браузер не поддерживает элемент <picture>.

Этот код позволяет нам выводить отзывчивое изображение и на широких, и на узких экранах, как показано ниже:

Примечание: вам следует использовать атрибут media только при художественном оформлении; когда вы используете media, не применяйте медиа-условия с атрибутом sizes.

Почему это нельзя сделать посредством CSS и JavaScript?

Когда браузер начинает загружать страницу, он начинает загрузку изображений до того, как главный парсер начал загружать и интерпретировать CSS и JavaScript. В среднем, эта техника уменьшает время загрузки страницы на 20%. Но она не так полезна в случае с адаптивными изображениями, поэтому и необходимы такие решения, как srcset. Например, вы не могли бы загрузить элемент <img>, потом определить ширину вьюпорта при помощи JavaScript и динамически изменить источник изображения. Изначальное изображение было бы уже загружено к тому времени, как вы загрузили его меньшую версию, что плохо.

Смело используйте современные форматы изображений

Есть несколько новых форматов изображения (таких, как WebP и JPEG-2000), которым удаётся сохранять высокое качество при малом размере файла. Тем не менее, браузеры поддерживают их не полностью.

<picture> позволяет нам использовать их в старых браузерах. Вы можете прописать MIME-тип внутри атрибута type, браузер сразу определит файлы такого типа как неподдерживаемые:

<picture>
  <source type="image/svg+xml" srcset="pyramid.svg">
  <source type="image/webp" srcset="pyramid.webp">
  <img src="pyramid.png" alt="regular pyramid built from four equilateral triangles">
</picture>
  • Не используйте атрибут media, если вам не нужно художественное оформление.
  • В элементе <source> можно указывать путь к изображениям только того типа, который указан в type.
  • Как и в предыдущих примерах, при необходимости вы можете использовать srcset and sizes.

Самостоятельно создайте отзывчивое, художественно оформленное изображение для широких и узких экранов, используя <picture> и srcset.

  1. Напишите простую HTML-разметку.
  2. Найдите широкоформатное пейзажное фото с какой-нибудь яркой деталью. Создайте веб-версию изображения посредством графического редактора, потом обрежьте его, чтобы крупнее выделить деталь, и создайте второе изображение (примерно 480px достаточно).
  3. Используйте элемент <picture> для работы с художественно оформленной картинкой.
  4. Обозначьте несколько разных размеров для этой картинки.
  5. Используйте srcset/size для описания переключения при смене размеров вьюпорта

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

Это все для отзывчивых изображений — мы надеемся, вам понравилось играть с этими новыми технологиями. Напомним, что мы здесь обсуждали две различные проблемы:

  • Художественное оформление: Проблема, при которой вы хотите использовать обрезанные изображения для различных макетов — например, ландшафтное изображение для полных экранов на макете компьютера и портретное изображение, показывающее увеличенный основной объект, для мобильного макета. Всё это может быть решено с помощью <picture> элемента.
  • Переключение разрешений: Проблема, при которой вы хотите использовать файлы изображений меньшего размера на устройствах с узким экраном, поскольку им не нужны огромные изображения, как на настольных дисплеях, а также дополнительно, что вы хотите использовать изображения разного разрешения для экранов с высокой/низкой плотностью. Эту проблему можно решить с помощью векторной графики (SVG изображений), и srcset и sizes атрибуты.

Это так же подводит нас к окончанию целого модуля «Мультимедиа и встраивание»! Единственное, что вам осталось сейчас сделать перед тем, как двигаться дальше — это попробовать наше мультимедийное задание и посмотреть, как вы усвоили материал. Веселитесь!

Медиа-запросы | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
9.0+1.0+10.0+4.0+3.6+2.0+2.0+

Краткая информация

Версии CSS

Описание

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

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

Синтаксис

Все запросы начинаются с правила @media, после чего следует условие, в котором используются типы носителей, логические операторы и медиа-функции. Типы носителей перечислены в табл. 1.

Табл. 1. Типы носителей и их описание
ТипОписание
allВсе типы. Это значение используется по умолчанию.
brailleУстройства, основанные на системе Брайля, которые предназначены для чтения слепыми людьми.
embossedПринтеры, использующие для печати систему Брайля.
handheldСмартфоны и аналогичные им аппараты.
printПринтеры и другие печатающие устройства.
projectionПроекторы.
screenЭкран монитора.
speechРечевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры.
ttyУстройства с фиксированным размером символов (телетайпы, терминалы, устройства с ограничениями дисплея).
tvТелевизоры.

Логические операторы, применяемые в медиа-запросах

and

Логическое И. Указывается для объединения нескольких условий.

Пример. Стиль для всех цветных устройств

@media all and (color) { ... }

not

Логическое НЕ. Указывается для отрицания условия.

Пример. Стиль для всех устройств кроме смартфонов

@media all and (not handheld) { ... }

Оператор not имеет низкий приоритет и оценивается в запросе последним, поэтому выражение

@media not all and (color) { ... }

следует понимать как

@media not (all and (color)) { ... }

а не

@media (not all) and (color) { ... }

only

Применяется для старых браузеров, которые не поддерживают медиа-запросы.

Пример. Стиль для новых браузеров

@media only all and (not handheld) { ... }

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

Пример. Стиль для устройств с альбомной ориентацией или минимальной шириной 480 пикселов.

@media all and (orientation: landscape), all and (min-width: 480px) { ... }

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

Медиа-функции

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

Большинство функций содержат приставку min- и max-, которая соответствуют минимальному и максимальному значению. Так, max-width: 400px означает, что ширина окна браузера меньше 400 пикселов, а min-width: 1000px, наоборот, сообщает, что ширина окна больше 1000 пикселов.

aspect-ratio (min-aspect-ratio, max-aspect-ratio)

Тип носителя: handheld, print, projection, screen, tty, tv
Значение: целое число/целое число

Определяет соотношение ширины и высоты отображаемой области устройства. Значение указывается в виде двух целых чисел разделяемых между собой слэшем (/).

color (min-color, max-color)

Тип носителя: handheld, print, projection, screen, tty, tv
Значение: целое число

Определяет число бит на канал цвета. К примеру, значение 3 означает, что красный, зелёный и синий канал могут отображать 23 цветов каждый, что в общем составляет 512 цветов (8×8×8). Если значение не указано, тогда проверяется что устройство цветное. В примере 1 показана такая проверка.

Пример 1. Стиль для цветных устройств

@media screen and (color) { /* Для цветных экранов */
  body { background: #fc0; }
}
@media screen and (min-color:3) { /* Минимум 512 цветов */
  body { background: #ccc; }
}

color-index (min-color-index, max-color-index)

Тип носителя: handheld, print, projection, screen, tty, tv
Значение: целое число

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

Пример 2. Цветной дисплей

@media all and (min-color-index: 256) {
 ...
}

device-aspect-ratio (min-device-aspect-ratio, max-device-aspect-ratio)

Тип носителя: handheld, print, projection, screen, tty, tv
Значение: целое число/целое число

Определяет соотношение сторон экрана устройства. Значение указывается в виде двух целых чисел разделяемых между собой слэшем (/). В примере 3 показано, как установить стиль для экранов с соотношением сторон 16:9 и более.

Пример 3. «Киношное» соотношение

@media screen and (min-device-aspect-ratio: 16/9) {
 ...
}

device-height (min-device-height, max-device-height)

Тип носителя: все кроме speech
Значение: размер

Определяет всю доступную высоту экрана устройства или печатной страницы.

device-width (min-device-width, max-device-width)

Тип носителя: все кроме speech
Значение: размер

Определяет всю доступную ширину экрана устройства или печатной страницы. В примере 4 в зависимости от разрешения монитора устанавливается ширина слоя. Так, для значения 1280 пикселов ширина макета задаётся как 1100px.

Пример 4. Ширина макета

HTML5CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Ширина макета</title>
  <style>
   div {
    padding: 10px;
    background: #e8bfad;
    margin: auto;
   }
   @media screen and (min-device-width: 1600px) {
    div {width: 1500px;}
   }
   @media screen and (device-width: 1280px) {
    div {width: 1100px;}
   }
   @media screen and (device-width: 1024px) {
    div {width: 980px;}
   }
  </style>
 </head>
 <body>
  <div>
   Диабаз, формируя аномальные геохимические ряды, сменяет известняк, 
   образуя на границе с Западно-Карельским поднятием своеобразную систему грабенов.
  </div>
 </body>
</html>

grid

Тип носителя: all
Значение: нет

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

Если вам требуется форматировать текст, не указывайте его размер в пикселах, для подобных устройств используется единица em (пример 5).

Пример 5. Размер букв

HTML5CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Стиль для бабушкофона</title>
  <style>
   @media handheld and (grid) and (max-width: 15em) {
     body { font-size: 2em; }
   }
  </style>
 </head>
 <body>
  <p>Привет! Как дела? Как сажа бела?</p>
 </body>
</html>

height (min-height, max-height)

Тип носителя: все кроме speech
Значение: размер

Высота отображаемой области.

monochrome (min-monochrome, max-monochrome)

Тип носителя: handheld, print, projection, screen, tty, tv
Значение: целое число

Определяет, что устройство монохромное. Если указано число, то оно обозначает число бит на пиксел. Так, значение 8 равнозначно 256 оттенкам серого (или другого цвета). В примере 6 показан стиль для монохромного и цветного принтера.

Пример 6. Стиль для принтера

@media print and (monochrome) { 
 body { font-family: Times, 'Times New Roman', serif; }
h2, h3, p { color: black; } } @media print and (color) { body { font-family: Arial, Verdana, sans-serif; }
h2, h3, p { color: #556b2f; } }

orientation

Тип носителя: handheld, print, projection, screen, tty, tv
Значение: landscape | portrait

Определяет, что устройство находится в альбомном режиме (ширина больше высоты) или портретном (ширина меньше высоты).

В примере 7 устанавливается разная фоновая картинка в случае альбомной (landscape) или портретной ориентации (portrait).

Пример 7. Использование ориентации устройства

@media screen and (orientation: landscape) { 
  #logo { background: url(logo1.png) no-repeat; }
}
@media screen and (orientation: portrait) { 
  #logo { background: url(logo2.png) no-repeat; }
}

resolution (min-resolution, max-resolution)

Тип носителя: handheld, print, projection, screen, tv
Значение: разрешение в dpi (точек на дюйм) или dpcm (точек на сантиметр)

Определяет разрешение устройства, например, принтера. В примере 8 стиль будет работать для принтера с минимальным разрешением 300 точек на дюйм.

Пример 8. Разрешение принтера

@media print and (min-resolution: 300dpi) { 
 ...
}

scan

Тип носителя: tv
Значение: interlace | progressive

Определяет тип развертки телевизора — череcстрочная (interlace) или прогрессивная (progressive). При чересстрочной развёртке телевизор вначале показывает нечётные строки кадра, затем чётные, что позволяет сократить передаваемые данные. В прогрессивной развёртке кадр передаётся и показывается целиком.

width (min-width, max-width)

Тип носителя: все кроме speech
Значение: размер

Описывает ширину отображаемой области. Это может быть окно браузера или печатная страница. В примере 9 при уменьшении окна до 600 пикселов и меньше меняется цвет фона веб-страницы.

Пример 9. Использование max-width

HTML5CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Ширина страницы</title>
  <style>
   body { background: #f0f0f0; }
   @media screen and (max-width: 600px) {
     body { background: #fc0; }
   }
  </style>
 </head>
 <body>
  <p>Пока магма остается в камере, мусковит сингонально поднимает шток, 
  в то время как значения максимумов изменяются в широких пределах. </p>
 </body>
</html>

Настройка начального экрана и меню Пуск

Начальный экран Windows 10, который дебютировал в Windows 8 и меню «Пуск», которое было в Windows 7 и в предыдущих версиях Windows, объединены и доступны в Windows 10. У вас есть выбор из двух конфигураций начального экрана.

  • Полноэкранный начальный экран с меню «Пуск» свернут с левой стороны
  • Начальный экран с частичным экраном с меню «Пуск», всегда видим с левой стороны

По умолчанию используется конфигурация с частичным экраном.

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

Установка размера начального экрана

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

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

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

Как переключится между основным и полноэкранным режимом стартового экрана:

1. Откройте окно настройки

2. Нажмите кнопку Персонализация, а затем на странице Персонализация Нажмите кнопку Пуск.

3. На панели Пуск выберите Открывать меню пуск в полноэкранном режиме. Затем нажмите кнопку Пуск, чтобы проверить настройки.

Для  изменение размера частичного экрана нужно:

1. Перетащите верхнюю границу начального экрана вверх или вниз, чтобы увеличить или уменьшить его высоту.

2. Перетащите правую границу начального экрана вправо или влево, чтобы увеличить или уменьшить его ширину.

Чтобы отобразить плитки начального экрана, которые не помещаются на частичном экране нужно:

1.Наведите указатель мыши на начальный экран, чтобы отобразить вертикальную полосу прокрутки на правом краю.

2. Перетащите поле прокрутки или щелкните полосу прокрутки, чтобы прокрутить содержимое стартового экрана.

Настройка содержимого меню «Пуск»

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

В меню Пуск также могут отображаться следующие списки.

Список наиболее часто используемых приложений.

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

Недавно добавленный список приложений.

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

Недавно открытые элементы.

Если этот параметр включен, можно быстро получить доступ к файлам, открытым с помощью приложений, поддерживающих эту функцию( например, приложений Microsoft Office), из меню Пуск или панели задач.

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

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

  • Проводник
  • Окно настроек
  • Папки документов, загрузок, музыки, изображений и видео
  • Домашняя группа и сетевые окна
  • Ваша личная папка, из которой вы можете получить доступ ко всем папкам и настройкам учетной    записи пользователя

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

Выбранные папки всегда отображаются в том же порядке.

Отображение или скрытие списков приложений в меню Пуск:

1. Откройте окно настройки

2. Нажмите кнопку Персонализация, а затем на странице Персонализация Нажмите кнопку Пуск.

3. В области Пуск выполните одно из следующих действий.

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

4. Нажмите кнопку Пуск, чтобы проверить настройки.

Для отбражение или скрытие списков переходов в меню Пуск на панели задач нужно:

1. На странице Персонализация в Параметре окн нажмите кнопку Пуск.

2. На панели Пуск щелкните показать недавно открытые элементы в списках переходов при запуске или на панели задач, чтобы включить или выключить списки переходов.

Для добавления и удаления папок в меню Пуск:

1. На странице Персонализация в Параметре окн нажмите кнопку Пуск.

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

для отображения списка параметров, каждый с кнопкой переключения.

Нажмите переключатель, чтобы включить или выключить отображение папки.

3. На выбор, какие папки отображаются на начальной странице установите кнопу переключения папок, те которые должны отображаться в меню Пуск, значение ВКЛ., а для остальных-Выкл.

Подробное изложение всех способов, персонализации меню «Пуск» и панели задач.

Что такое разрешение монитора? Объяснение разрешений и соотношений сторон

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

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

Разрешение монитора? Соотношение сторон? Что все это значит!?

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

Что такое разрешение монитора?

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

В случае монитора с разрешением Full HD 1080p, являющимся отраслевым стандартом, этот дисплей имеет разрешение 1920 x 1080. Это означает, что экран будет иметь ширину 1920 пикселей, а высоту экрана — 1080 пикселей.В результате на экране отображается в общей сложности 2 073 600 пикселей.

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

Что такое пиксели?

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

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

Что такое DPI / PPI?

DPI (точек на дюйм) указывает количество точек, обнаруженных в пределах одной дюймовой линии отсканированного изображения или отпечатка.Для мониторов и дисплеев DPI заменяется PPI (пикселей на дюйм). Хотя PPI — правильный термин для обозначения мониторов и других дисплеев, оба термина часто используются как синонимы.

PPI или DPI — это описание плотности пикселей экрана монитора. Более высокая плотность пикселей означает, что на каждый квадратный дюйм экрана помещается больше пикселей.

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

пикселей на дюйм и размер экрана

Представьте себе: у вас два монитора бок о бок, оба с разрешением Full HD 1080p Full HD. Это означает, что оба имеют 1920 пикселей по горизонтали и 1080 пикселей по вертикали. Теперь представьте, что один экран — это 32-дюймовый экран, а другой — 25-дюймовый. Теперь вы можете увидеть, как влияет плотность пикселей, потому что у вас будет такое же количество пикселей, распределенных на большом экране с 32-дюймовым монитором.Таким образом, меньший монитор будет иметь более плотную плотность пикселей, что приведет к более плавным линиям и более четким изображениям.

Значит, чем выше плотность пикселей, тем лучше?

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

В приведенном выше примере 25-дюймовый монитор будет иметь плотность пикселей около 88 ppi , а 32-дюймовый монитор будет иметь плотность пикселей около 69 ppi . В этой ситуации можно с уверенностью сказать, что между ними будут заметные различия в качестве изображения, поскольку 25-дюймовый дисплей обеспечивает более качественные изображения. Чтобы пойти еще дальше, в наши дни смартфоны обычно имеют плотность пикселей в диапазоне от 300 пикселей на дюйм до более 500 пикселей на дюйм.

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

Каковы некоторые распространенные разрешения монитора?

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

720p Разрешение

Другие названия : HD, HD Ready, Standard HD

О разрешении 720p: Разрешение 720p, или 1280 x 720, является разрешением монитора прогрессивного стиля. Это самое низкое из разрешений, поддерживающих HD, и оно используется всеми широко распространенными вещательными компаниями HDTV.

1080p Разрешение

Другие названия : Full HD, FHD

О разрешении 1080p : 1080p или 1920 x 1080 — это разрешение монитора без чересстрочной развертки, которое позиционируется как первое разрешение, в котором полностью используются все возможности HD.1080p в настоящее время является стандартным разрешением для телевидения, потоковых интернет-сервисов, видеоигр и смартфонов, и это лишь некоторые из них.

1440p Разрешение

Другие имена : 2K, WQHD, QHD

О разрешении 1440p : 1440p — это прогрессивное разрешение, содержащее 2560 x 1440 пикселей. 1440p, известное как «Quad HD», в 4 раза сильнее, чем базовый вариант HD. 1440p не получил широкого распространения, но его можно найти в основном в сфере компьютеров и смартфонов, в том числе от таких известных компаний, как HTC, Samsung, ViewSonic и Apple.

Разрешение 4K

Другие названия : UHD, Ultra HD, 4K UHD

О разрешении 4K : Разрешение 4K названо так из-за количества пикселей по горизонтали, хотя для мониторов разрешение 4K равно количеству пикселей 3840 x 2160. Разрешение 4K также имеет в 4 раза больше пикселей, чем 1080p. Хотя с 2014 года доля рынка разрешения 4K увеличивалась по сравнению с прошлым годом, его распространение пока ограничивалось потоковой передачей видео в Интернете, видеопроекцией и коммерческими телевизорами.

8K Разрешение

Другие названия : 8K UHD

О разрешении 8K : разрешение 8K составляет 7680 x 4320 пикселей и в настоящее время является самым высоким разрешением монитора, доступным в настоящее время. Технология настолько нова, что коммерчески доступные телевизоры 8K UHD и программы для телевещания только сейчас становятся доступными. На рынке 8K в настоящее время интегрируется в телевизоры, компьютерные мониторы и вещательные камеры.

Сравнение разрешений мониторов

720p vs.1080p

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

PPI для 27-дюймового монитора:

27-дюймовый монитор 720p с плотностью пикселей около 54 ppi

  • 27-дюймовый монитор 1080p с плотностью пикселей около 81 ppi

1080p vs.1440p

Имея чуть более 3,6 миллиона пикселей, разрешение 1440p примерно в 1,77 раза более плавное, чем 1080p. Тем не менее, 1080p является самым популярным разрешением мониторов в настоящее время на рынке, в то время как 1440p только начинает закрепляться.

PPI для 27-дюймового монитора:

  • 27-дюймовый монитор 1080p с плотностью пикселей около 81 ppi
  • 27-дюймовый монитор 1440p с плотностью пикселей около 108 ppi

1440p vs.4К

Хотя 1440p или WQHD имеет в 4 раза больше пикселей, чем 720p. 4K или Ultra HD предлагает в 4 раза больше, чем 1080p. 4K внедряется намного быстрее, чем 1440p, и к концу десятилетия ожидается более 50% рынка США. И наоборот, 1440p оставался в индустрии смартфонов более десяти лет.

PPI для монитора с диагональю 27 дюймов:

  • 27-дюймовый монитор 1440p с плотностью пикселей около 108 ppi
  • 27-дюймовый монитор 4K имеет плотность пикселей около 163 ppi

4K vs.8K

На сегодняшнем рынке 8K — лучшая модель. 8K в четыре раза сильнее, чем 4K, и в 16 раз больше, чем 1080p. Однако с технологическими преимуществами 8K связано отсутствие коммерческой доступности, учитывая его «новый» статус. И наоборот, 4K делает большие шаги к тому, чтобы стать стандартом на нескольких рынках.

PPI для монитора с диагональю 27 дюймов:

  • 27-дюймовый монитор 4K имеет плотность пикселей около 163 ppi
  • 27-дюймовый монитор 8K с плотностью пикселей около 326 ppi

Что такое соотношение сторон монитора?

Соотношение сторон монитора, как и любое соотношение, является пропорциональным представлением, выраженным в виде двух различных чисел, разделенных двоеточием.В случае мониторов и дисплеев соотношение сторон описывает соотношение между шириной и высотой. Часто встречающиеся соотношения сторон монитора включают 4: 3, 16: 9 и 21: 9.

Соотношение сторон 4: 3

Также известное как «полноэкранный», соотношение сторон четыре на три когда-то было стандартом для фильмов, радиопередач и компьютерных мониторов в 20 веке. С появлением разрешений HD формат 4: 3 уже не так распространен.

Соотношение сторон 16: 9

Соотношение сторон 16х9, также известное как «широкоэкранный», было международным стандартом для всего, что связано с высоким разрешением.Поскольку формат 16: 9 обогнал по популярности 4: 3, теперь его можно найти на DVD, в телевизорах, кинотеатрах и видеоиграх.

Соотношение сторон 21: 9

Соотношение сторон двадцать один на девять — это маркетинговый термин, используемый для описания 64:27. В качестве логического следующего шага от 16: 9, текущего международного стандарта, 21: 9 еще предстоит полностью проникнуть на рынок. До сих пор его использование ограничивалось сверхширокими компьютерными мониторами и телевизорами, а также кинематографическими широкоэкранными проекторами.

Соотношение сторон монитора

по сравнению с

4: 3 vs.16: 9

При просмотре контента полноэкранный режим 4: 3 дает более «коробочное» отображение, а широкоэкранный формат 16: 9 дает вид буквы. В целом, формат 4: 3 создает ощущение кадрирования новых медиа, а формат 16: 9 приводит к появлению черных полос вверху и внизу экрана.

16: 9 против 21: 9

Учитывая его нынешнюю новизну, формат 21: 9 не имеет широкого применения, а совместимые продукты ограничиваются сверхширокими. По сравнению с 16: 9, 21: 9 демонстрирует отсутствие черных экранных полос при просмотре контента.Вы можете прочитать наше сравнение сверхшироких и двух мониторов, чтобы узнать больше о различиях между сверхширокими и стандартными мониторами с соотношением сторон.

Разрешение для содержимого

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

Следовательно, если видео было записано в разрешении 1080p, но у вас есть монитор 4K, самое высокое разрешение, в котором вы можете смотреть это видео, будет 1080p.И наоборот, если бы у вас был монитор 1080p и ваш видеоконтент был снят в 4K, вы все равно могли бы смотреть видео, но разрешение видео было бы ограничено до 1080p.

К счастью, все больше и больше контента снимается в более высоком разрешении, а сервисы потокового видео, такие как Netflix, предлагают на выбор изобилие контента 4K.

Вы можете найти ссылки на некоторые профессиональные, игровые и развлекательные мониторы с разрешением 1080p, 1440p, 4K и сверхширокие ниже, чтобы получить лучшее представление о некоторых из существующих мониторов.

1080p:

VP2468 Профессиональный https://www.viewsonicglobal.com/q/VP2468

VX2758-C-mh Развлечения https://www.viewsonicglobal.com/q/vx2758-c-mh

XG2402 Игры https://www.viewsonicglobal.com/q/XG2402

1440p:

VP2771 Профессиональный https://www.viewsonicglobal.com/q/VP2771

VX3276-2K-mhd Развлечения https://www.viewsonicglobal.com/q/vx3276-2k-mhd

XG2703-GS Gaming https: // www.viewsonicglobal.com/q/XG2703-gs

4К:

VP2785-4K Professional https://www.viewsonicglobal.com/q/VP2785-4K

VX3211-4K-mhd Развлечения https://www.viewsonicglobal.com/q/vx3211-4k-mhd

XG3220 Игры https://www.viewsonicglobal.com/q/XG3220

сверхширокий:

VP3881 Профессиональный https://www.viewsonicglobal.com/q/VP3881

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

Как настроить параметры масштаба отображения в Windows 11

Хотя Windows 11 может автоматически настраивать параметры масштабирования дисплея, чтобы гарантировать, что элементы (текст, значки, навигация и другие) имеют правильный размер и читаются, это не идеально, и иногда может потребоваться настройка параметров вручную.

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

В этом руководстве по Windows 11 мы расскажем, как изменить настройки масштаба на мониторе настольного компьютера или ноутбука.

Как изменить масштаб отображения с рекомендованными настройками в Windows 11

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

  1. Открыть Настройки .
  2. Щелкните System .
  3. Щелкните страницу Display справа.
  4. В разделе «Масштаб и макет» используйте раскрывающееся меню Масштаб и выберите настройку масштаба — например, 100%, 125%, 150% и 175%.

    Источник: Windows Central

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

Как изменить масштаб отображения с пользовательскими настройками в Windows 11

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

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

  1. Открыть Настройки .
  2. Щелкните System .
  3. Щелкните страницу Display справа.
  4. В разделе «Масштаб и макет» выберите настройку Масштаб .

    Источник: Windows Central
  5. В разделе «Настраиваемое масштабирование» настройте размер настраиваемого масштабирования от 100% до 500% .

    Источник: Windows Central

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

  6. Нажмите кнопку Проверить .
  7. Нажмите кнопку Выйти сейчас .
  8. Войдите снова в учетную запись.

После того, как вы выполните эти шаги, система применит указанный вами параметр.

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

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

Как увеличить текст без изменения настроек масштаба в Windows 11

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

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

  1. Открыть Настройки .
  2. Щелкните Доступность .
  3. Щелкните страницу Размер текста справа.

    Источник: Windows Central
  4. Используйте ползунок «Размер текста», чтобы увеличить размер шрифта в Windows 11.

    Источник: Windows Central
  5. Нажмите кнопку Применить .

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

Дополнительные ресурсы по Windows

Чтобы получить дополнительные полезные статьи, статьи и ответы на распространенные вопросы о Windows 10 и Windows 11, посетите следующие ресурсы:

ДИНАМИЧЕСКИЙ ДУО

Есть друг? Оцените эти кооперативные игры для двух игроков для Xbox.

Есть друзья? Хотите поиграть с ними в игры? К счастью, с Xbox это возможно! Платформа Xbox — яркое и веселое место для тех, у кого есть друзья (пока вы избегаете случайных сообщений в Call of Duty). В любом случае, это наш выбор лучших игр для двоих для Xbox One, Xbox Series X и Series S.

Ролевая игра на всю ночь

Это лучшие ролевые игры для Xbox

Какие самые лучшие ролевые игры для Xbox? Мы рассмотрели и составили список лучших ролевых игр для Xbox One, Xbox Series S и Xbox Series X.

Как автоматически настроить экран VB при смене компьютера

Паритош:

Хотя в VB.NET это проще сделать с внутренними свойствами управления, вы,
, по-прежнему можете включать код постепенного изменения размера в программы VB6. Вот пример
:

Public Sub Form_Resize ()
Dim iW As Long
Dim iH As Long
Static bResize As Boolean

Если bResize = True, то
Exit Sub
Else
bResize = True
End If

Если я.WindowState = vbMinimized Then Exit Sub
If Me.Width <9075 Then Me.Width = 9075
If Me.Height <8005 Then Me.Height = 8005

iW = Me.ScaleWidth
iH = Me.ScaleHeight

Me.scrollTimeSel.Left = iW — 229
Me.tabAction.Top = iH — 251
Me.tabAction.Left = iW — 339
Me.frmDates.Left = iW — 339
Me.frmDates.Top = iH — 35
Me.lblDetl.Top = iH — 251
Me.lblDetl.Width = iW — 482
Me.picAux (0) .Top = iH — 267
Me.lvwDetl.Top = iH — 230
Me.lvwDetl.Width = iW — 346
Me.frmNav.Top = iH — 336
Me.frmNav.Left = iW — 171
Me.tvwInfo.Height = iH — 338
Me.tvwInfo. Left = iW — 171
Me.tabVprt.Width = iW — 197
Me.picScale.Top = iH — 328
Me.picScale.Width = iW — 199
Me.picVprt.Height = iH — 354
Me.picVprt. Ширина = iW — 198
Me.scrollVprt.Height = iH — 354
Me.scrollVprt.Left = iW — 195
Me.picStatus.Top = iH — 15
Me.scrollYRangeSel.Left = iW — 195
Me.scrollYRangeSel.Top = iH — 328
bResize = False
End Sub

Примечания относительно этого конкретного примера:
1. минимальная ширина и высота окна обязательны
2. переменная bResize используется для предотвращения выполнения события
несколько раз, если стек вызовов загружается с событиями изменения размера
3. the windowstate проверяется на наличие условия минимизации, так как размерные корректировки
будут ошибочными, если размер окна 0 x 0
4. Для достижения ваших смещений вы можете сравнить координаты времени разработки
ваших элементов управления относительно вашей формы.Затем вы определяете, какие элементы управления
имеет смысл изменять размер (сетки, графические блоки, дерево / списки
) и в каком направлении имеет смысл изменять их размер
(по горизонтали, вертикали или и то, и другое). Вы также определяете, какие органы управления
лучше просто сдвинуть.
5. Хорошей идеей будет разместить элементы управления, которые нужно будет перемещать вместе
, в контейнерный элемент управления (фрейм, окно изображения и т. Д.), Поскольку вы можете просто перемещать его
, а не отдельные элементы управления

надеюсь, что это поможет,
Крис О.
Глобальный магазин

Изображение выглядит слишком большим, растянутым, не умещается на экране или части изображения обрезаны

Телевизоры должны обрабатывать различные входы и типы сигналов. В зависимости от типа принимаемого сигнала телевизор должен обрабатывать этот сигнал и определять, как отображать его на экране.

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

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

Контрольные позиции

  • Проверьте меню телевизора. Если меню также растянуто или искажено, возможно, телевизор требует обслуживания.
  • Переключитесь на другой источник входного сигнала — проверьте кабель, DVD, Blu-ray и т. Д. Если проблема возникает только с одним устройством, проверьте настройки на этом устройстве, а не на телевизоре.
  • Проверьте содержимое — Программа, фильм или контент, который вы смотрите, могут транслироваться или записываться с соотношением сторон, которое не полностью заполняет ваш экран, или может отображаться как растянутое или искаженное. Например, некоторые фильмы записаны в формате кино 21: 9, который будет отображаться с черными полосами над и под изображением при просмотре на широкоэкранном (16: 9) телевизоре.
  • Проверьте скрытые субтитры (CC) и расширенные службы данных (XDS) — если эти функции на телевизоре включены, это может привести к растяжению, искажению или обрезке изображения.Попробуйте отключить скрытые субтитры или расширенные службы данных, чтобы увидеть, решена ли проблема.
  • Проблема может быть в программе. При просмотре некоторых новостей или спортивных программ верхняя или нижняя часть экрана может быть закрыта баннерами или бегущей строкой. Они являются частью вещательного сигнала и не могут быть изменены или удалены.
  • Некоторые параметры могут быть недоступны для изменения — Некоторые устройства и телевизоры не имеют возможности изменять соотношение сторон изображения при выводе или приеме сигнала 720p или 1080i.

Разделов в этом ответе:

Настройка устройства, подключенного к телевизору
Настройка телевизора — автоматические режимы
Настройка телевизора — ручные режимы
Настройка телевизора при подключении ПК


Настройка устройства, подключенного к телевизору (вверху)

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

  • Кабельные коробки
  • Спутниковые ресиверы
  • Цифровые видеорегистраторы (DVR)
  • Проигрыватели Blu-ray и DVD
  • A / V-ресиверы
  • Игровые системы
  • Персональные компьютеры
  • Видеоустройства прочие (фотоаппараты, видеокамеры и т. Д.)


[A] Кабельное, спутниковое, Blu-ray, DVD и т. Д.
[B] TV

Настройки этих устройств могут влиять на разрешение (480, 720, 1080, 2160) и соотношение сторон (4: 3, 16: 9) сигнала и могут влиять на то, как изображение отображается на телевизоре.

Как правило, настройки устройства, подключенного к вашему телевизору, должны соответствовать самому высокому разрешению, которое может принять ваш телевизор (480, 720, 1080, 2160). Если у вас широкоэкранный телевизор, соотношение сторон устройства, подключенного к телевизору, должно быть установлено на 16: 9, если это возможно.

Настройка телевизора — автоматические режимы (наверх)

ВАЖНАЯ ИНФОРМАЦИЯ: Чтобы найти настройки для конкретных моделей, пожалуйста, ознакомьтесь с инструкциями по эксплуатации на вашем телевизоре.

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

ПРИМЕЧАНИЕ. Если на вашем пульте дистанционного управления есть кнопка с надписью Wide, Zoom или перейдите к следующему разделу «Настройка телевизора — ручные режимы»

Как включить / выключить Auto Wide

  1. Нажмите кнопку «Домой» или «Меню» для доступа к меню телевизора.
  2. В зависимости от вашей модели откройте настройки, выбрав следующие параметры:
    1. Настройки -> Отображение в категории ТВ -> Экран
    2. Настройки -> Изображение и дисплей -> Экран
    3. Изображение и дисплей -> Экран
    4. Настройки -> Экран
  3. Включите следующие настройки (если есть)
    1. Авто широкий = ВКЛ.
    2. Auto Display Area = ON

      ПРИМЕЧАНИЕ. Когда Auto Wide включен, он автоматически изменяет широкоэкранный режим в соответствии с входным сигналом от внешнего оборудования.Если вы хотите сохранить предпочтительную настройку, выберите «Выкл.».

  4. Нажмите кнопку «Домой» или «Меню», чтобы выйти из настроек.

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

Настройка телевизора — ручные режимы (наверх)

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

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

[A]: пример кнопки на пульте дистанционного управления

ПРИМЕЧАНИЕ: Если на вашем пульте дистанционного управления нет одной из этих кнопок, настройки доступны в меню телевизора. Получите доступ к настройкам экрана так же, как и при выборе автоматических режимов, но выберите опцию Wide Mode.Описание различных настроек широкоформатного режима показано ниже:

ВАЖНО :

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

Режим

Описание

Как содержимое изменяется с помощью этого параметра

Контент с соотношением сторон 4: 3

Контент с соотношением сторон 16: 9

нормальный

Источник 4: 3 — отображает изображение 4: 3 в исходном размере с боковыми полосами для заполнения экрана 16: 9.

Источник 16: 9 — отображает изображение 4: 3, растянутое по горизонтали до 16: 9, в формате 4: 3.

Zoom

Отображает изображение 16: 9, преобразованное в формат почтового ящика 4: 3, с правильным соотношением сторон.

Широкоугольный

Увеличивает изображение, максимально сохраняя исходное изображение.

Полный

Растягивает изображение формата 4: 3 по горизонтали для заполнения экрана формата 16: 9.Отображает изображение 16: 9 в исходном размере.

Горизонтальное растяжение

Растягивает изображение по горизонтали с сохранением исходного размера по вертикали. Это доступно только для источников 720p, 1080i, 1080p и 1080 / 24p.

Не применимо

Подписи

Увеличивает изображение по горизонтали с подгонкой подписей к экрану.

Fine — Нормальный

Показывает изображение 4: 3 в исходном размере.Боковые полосы заполняют экран формата 16: 9.

Не применимо

штраф — полный

Растягивает изображение формата 4: 3 по горизонтали для заполнения экрана формата 16: 9.

Не применимо

Портативная игра 1

Растягивает изображение игры в черной рамке с PlayStation Portable.

Не применимо

Портативная игра 2

Растягивает изображение в черной рамке (e.г. браузер) с PlayStation Portable.

Не применимо

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

Настройка

Описание

Авто широкий

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

4: 3 По умолчанию

Устанавливает формат экрана по умолчанию для входного сигнала 4: 3.

Область автоматического отображения

Автоматически настраивает изображение на наиболее подходящую область отображения.

Область отображения

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

Положение экрана

Регулирует положение изображения влево-вправо и вверх-вниз.(Положение «вверх-вниз» нельзя отрегулировать, если для параметра «Широкоэкранный режим» установлено значение «Широкий масштаб», «Нормальный» или «Полный»).

Размер по вертикали

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

Горизонтальный центр

Регулирует левое-правое положение изображения.

Центр по вертикали

Регулирует положение изображения вверх-вниз.

Настройка ТВ при подключении ПК (наверх)

Следующие настройки доступны при подключении персонального компьютера (ПК) к телевизору. Эти настройки позволяют вам настроить соотношение сторон экрана ПК, чтобы оно лучше соответствовало экрану телевизора.

800 x 600

Нормальный

Полный1

Полный 2

1,280 x 768

Нормальный

Полный1

Полный 2


ПРИМЕЧАНИЕ. При подключении ПК к телевизору с помощью кабеля HDMI и входного сигнала 1080p может потребоваться сделать следующие дополнительные параметры в меню телевизора:
  • Установить выбор сцены на графику
  • Установить широкоугольный режим на полный
  • Установить область отображения на полный пиксель

Как уменьшить размер экрана на ноутбуке HP (шаг за шагом)

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

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

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

Как уменьшить размер экрана на ноутбуке HP (шаг за шагом)

Самый удобный и удобный способ уменьшить размер экрана на ноутбуках HP — , используя встроенные возможности функциональности ОС. К счастью, подход прост и может быть реализован за короткое время.

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

1. Уменьшение размера экрана ноутбука HP в Windows 10
Шаг 1

Закройте открытые окна, если таковые имеются.

Шаг 2

Щелкните рабочий стол правой кнопкой мыши и выберите «Персонализировать».Откроется страница настроек фона.

Шаг 3

В правом верхнем углу введите «display» и выберите «Display Settings». Это откроет окно настроек дисплея, которое автоматически направит вас на страницу дисплея под системной страницей.

Шаг 4

В разделе «Разрешение экрана» (масштаб и макет) выберите желаемое разрешение из раскрывающегося меню. После выбора желаемого разрешения вам будет предложено выбрать «Сохранить изменения и вернуться».Нажав «Сохранить изменения», вы измените разрешение экрана.

2. Уменьшение размера экрана ноутбука HP в Windows 7
Шаг 1

Щелкните рабочий стол правой кнопкой мыши и выберите «Персонализировать». Откроется страница системы персонализации.

Шаг 2

Нажмите «Экран»> «Настроить разрешение», и вы увидите всплывающую страницу настройки разрешения экрана.

Шаг 3

Выберите желаемое разрешение в меню и нажмите OK.Откроется окно подтверждения с предложением сохранить изменения.

Шаг 4

Щелкните Сохранить изменения, чтобы сохранить новые настройки.

Теперь вы можете продолжать использовать ноутбук HP с уменьшенным размером экрана. Для более насыщенной и четкой цветовой композиции выберите 64-разрядный процессор и частоту обновления по умолчанию. Это улучшит отображение данных и изображений.

Собственное разрешение различных ноутбуков HP

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

Если вы не уверены в собственном разрешении вашего ноутбука, посмотрите его руководство или посетите веб-сайт HP. Самые популярные экраны ноутбуков HP:

Экран 19 дюймов: 1280 x 1024 пикселей
Экран 20 дюймов: 1600 x 1200 пикселей
Экран 22 дюйма: 1680 x 1050 пикселей
24 дюйма экран: 1900 x 1200 пикселей

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

Как изменить размер текста и изображений на ноутбуках HP

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

Некоторые ноутбуки HP оснащены сенсорной панелью с возможностью прокрутки, как если бы вы использовали обычное колесо прокрутки мыши.

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

Шаг 1

Щелкните в любом месте экрана ноутбука или на объекте, который нужно увеличить.

Шаг 2

Нажмите и удерживайте клавишу Control (CTRL) на клавиатуре.

Шаг 3

Поверните колесо прокрутки подключенной мыши, чтобы увеличить или уменьшить масштаб объекта на экране.

Легко!

Хотите узнать о компании HP? Вы можете прочитать всю историю HP (Hewlett-Packard), американской транснациональной ИТ-компании, либо в Википедии, либо в Java T Point.

Часто задаваемые вопросы

1. Как уменьшить размер экрана с помощью клавиатуры?

Уменьшить размер экрана ноутбука HP с помощью клавиатуры относительно просто. Просто щелкните в любом месте экрана ноутбука, затем нажмите и удерживайте клавишу CTRL на клавиатуре.Удерживая кнопку CTRL, нажмите «-» . Удерживайте нажатыми две клавиши вместе, пока экран не уменьшится до желаемого размера. Чтобы восстановить стандартный вид, одновременно нажмите CTRL и «0».

2. Как уменьшить размер экрана в Google Chrome?

Вы можете масштабировать информацию, отображаемую в Google Chrome, изменяя настройки браузера.

Для этого откройте браузер и найдите три точки (полосы), расположенные в правом верхнем углу. Нажмите на эти точки, и появится раскрывающееся меню.Выберите Zoom , затем используйте “-” , чтобы уменьшить отображение Google Chrome до желаемого размера.

3. Как уменьшить размер экрана при выводе Microsoft Word?

Чтобы изменить размер экрана в формате Word, откройте новый документ MS Word или любой документ, размер которого нужно изменить. На панели инструментов найдите вкладку Просмотр и перейдите к ней. Далее найдите раздел с надписью Zoom и линзовидным изображением , и нажмите на него. В появившемся окне введите желаемый процент увеличения и нажмите OK .Это уменьшит выходных данных MS Word до желаемого размера.

Заключение

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

На этом закончился этот пост, и я надеюсь, что теперь ваш вопрос «Как уменьшить размер экрана на ноутбуке HP» решен, и вы вполне удовлетворены этим.Если у вас есть какие-либо сомнения или вы столкнулись с какой-либо проблемой при уменьшении размера экрана вашего ноутбука HP, просто комментарий ваши сомнения , и я обязательно вам помогу.

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

Вы также хотели бы (прочтите):

【решено】 Как изменить размер экрана

Как изменить размер экрана в Windows 10?

Вы можете изменить размер экрана или изменить разрешение.Изменение размера — обычно лучший вариант. Нажмите Пуск, выберите Настройки> Система> Дисплей . В разделе «Масштаб и макет» проверьте параметр в разделе «Изменение размера текста, приложений и других элементов».

Как уменьшить размер экрана в Windows?

Нажмите кнопку Windows , чтобы открыть меню «Пуск». Щелкните «Внешний вид и персонализация». В разделе «Отображение» щелкните Увеличить размер текста и других элементов или уменьшить . Отрегулируйте настройки увеличения Меньше (100%), Среднее (125%) или Больше (150%).

Какой ярлык для изменения размера экрана?

С помощью сочетания клавиш клавиш (Fn + F10) до измените разрешение экрана . Пользователи могут установить разрешение изображения при разрешении экрана с помощью сочетания клавиш (Fn + F10). В некоторых моделях компьютеров без функции Auto Full Screen отображаемые значки становятся больше при изменении разрешения экрана .

Как мне вернуть мой экран в нормальное состояние?

Как я могу вернуть и к нормальному просмотру ? Удерживая клавиши Ctrl и Alt, используйте клавиши со стрелками, чтобы повернуть его на назад на .

Почему у меня такой большой размер экрана?

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

Как мне вернуть нормальный полноэкранный режим?

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

Как мне получить полноэкранный режим без F11?

Пункт меню: Просмотр | Полный экран . Чтобы выйти из него, нажмите кнопку «восстановить» окна . xah писал (а): Пункт меню: Просмотр | Полный экран . Чтобы выйти из него, нажмите кнопку «восстановить» окна .

Как отключить полноэкранный режим F11?

Если вы захотите выйти из полноэкранного режима , просто снова нажмите F11 .Примечание. Если F11 не работает на вашем ноутбуке с Windows, вместо этого нажмите одновременно клавиши Fn + F11 . Если вы используете систему Mac, когда вкладка, которую вы хотите отобразить как в полноэкранном режиме, открыта, нажмите одновременно клавиши Ctrl + Command + F.

Как сделать F11 полноэкранным?

Или нажмите клавишу F11 на клавиатуре, чтобы активировать полный экран режим (если вы используете Chromebook, найдите клавишу, которая выглядит так же, как значок, представленный в меню).

Почему F11 не во весь экран?

В таком случае ищите клавишу F Lock или FN. Повторное нажатие клавиши F Lock должно переключить ее, и вы сможете использовать F11 как обычно. Однако если вы не можете найти клавишу F Lock, тогда должна быть клавиша FN. Нажмите FN + F11 , и это должно позволить вам войти в полноэкранный режим в вашем приложении.

Как мне получить полноэкранный режим?

Смотреть в полноэкранном режиме

  1. Нажмите на видео, которое хотите посмотреть.
  2. В нижней части видеопроигрывателя нажмите Полный экран .

Как увеличить размер экрана?

Чтобы развернуть окно с помощью клавиатуры, удерживая клавишу Super и нажмите ↑, или нажмите Alt + F10. Чтобы восстановить не максимизированный размер окна , перетащите его от краев экрана . Если окно полностью развернуто , вы можете дважды щелкнуть строку заголовка, чтобы восстановить его.

Что такое горячая клавиша минимизировать?

Сочетания клавиш с логотипом Windows

Нажмите эту кнопку Для этого
Логотип Windows клавиша + Home Свернуть все, кроме активного окна рабочего стола (восстанавливает все окна при втором ударе).
Логотип Windows клавиша + Shift + стрелка вверх Растянуть окно рабочего стола до верхней и нижней части экрана.

Как восстановить минимизировать максимизировать?

Как только откроется меню строки заголовка, вы можете нажать клавишу N, чтобы свернуть , или клавишу X, чтобы развернуть окно . Если окно развернуто, нажмите R на клавиатуре, чтобы восстановить его.

Что такое горячая клавиша развертывания?

Развернуть окно : F11 или логотип Windows клавиша + стрелка вверх.

Каковы функции клавиш от F1 до F12?

Функциональные клавиши или F Клавиши расположены вдоль верхней части клавиатуры и обозначены с F1 до F12 .Эти клавиши действуют как ярлыки, выполняя определенные функции , такие как сохранение файлов, печать данных или обновление страницы. Например, клавиша F1 часто используется как клавиша справки по умолчанию во многих программах.

Что такое Alt F4?

Alt + F4 — это сочетание клавиш, которое чаще всего используется для закрытия активного в данный момент окна. Если вы хотите закрыть вкладку или окно, открытое в программе, но не закрыть всю программу, используйте сочетание клавиш Ctrl + F4 .

Опасен ли Alt F4?

TL; DR: в целом нормально использовать ALT + F4 , чтобы закрыть игру. Есть несколько маловероятных, но возможных случаев, когда это может привести к повреждению данных сохранения, но, вероятно, этого не произойдет. Если вы хотите быть в безопасности, используйте внутриигровое меню, чтобы выйти из игры.

Что делать, если дисплей Windows 10 слишком велик для монитора?

Иногда вы можете обнаружить, что ваш дисплей Windows 10 слишком велик для монитора вашего ПК.К счастью, есть два простых способа решить эту проблему. Узнайте, как решить проблему «слишком большой экран в Windows 10» в этой статье.

Как исправить большой экран на компьютере?

Эту проблему можно легко исправить двумя способами. Это:

  • Изменение разрешения экрана
  • Обновите драйвер дисплея

Начнем с начала.

Вариант первый: измените разрешение экрана

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

  • На рабочем столе щелкните правой кнопкой мыши любое пустое место.
  • Перейдите в Настройки дисплея.
  • В разделе «Разрешение» перейдите в раскрывающееся меню.
  • Убедитесь, что вы выбрали вариант «Рекомендуемое разрешение экрана».
  • Выберите «Сохранить изменения» для подтверждения.

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

Вариант 2. Обновите драйвер дисплея

Драйверы

— это программные элементы, которые помогают внешнему оборудованию на вашем компьютере (например, динамикам, мониторам, видеокартам и т. Д.) Взаимодействовать с вашей системой и обеспечивать их правильную работу. Если у вас есть устройство, подключенное к вашему ПК, но его драйвер отсутствует или устарел, это приведет к множеству проблем, от ошибок и сбоев до полной невозможности использования указанного компонента.Таким образом, очень важно поддерживать системные драйверы в актуальном состоянии.

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

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

Обновление драйверов вручную обычно рекомендуется для более опытных пользователей. Во-первых, вам нужно будет выяснить, какие драйверы на вашем компьютере повреждены, отсутствуют или устарели. Затем вам нужно будет найти последние доступные версии этого драйвера на веб-сайте производителя. Как только вы это сделаете, вам нужно будет загрузить и установить необходимую версию на свой компьютер. Если вы никогда раньше не возились со своими драйверами, это может показаться немного сложным. Более того, обновление драйверов вручную — довольно трудоемкий процесс, требующий терпения и приверженности.Хуже всего то, что ошибка и загрузка неправильной версии драйвера может привести к еще большим проблемам на вашем компьютере.

РЕКОМЕНДУЕТСЯ

Устранение проблем с ПК с помощью средства обновления драйверов

Нестабильная работа ПК часто вызвана устаревшими или поврежденными драйверами. Auslogics Driver Updater диагностирует проблемы с драйверами и позволяет обновлять старые драйверы сразу или по одному, чтобы ваш компьютер работал более плавно

СКАЧАТЬ СЕЙЧАС

Таким образом, если вы никогда раньше не обновляли драйверы и не хотите рисковать, вероятно, лучше всего будет использовать специализированное программное обеспечение, которое сделает за вас тяжелую работу.Такая программа, как Auslogics Driver Updater, выполнит автоматическое сканирование драйверов вашей системы на предмет существующих и потенциальных проблем, подготовит отчет об обнаруженных устаревших или отсутствующих драйверах, а затем обновит их до последних версий, рекомендованных производителем, всего одним щелчком мыши. Вместо того, чтобы тратить часы на обновление драйверов, вы можете просто позволить инструменту обновления драйверов сделать это за вас. Самое приятное то, что автоматическая установка драйверов устранит множество связанных с этим рисков. Auslogics Driver Updater загрузит и установит только официальные версии драйверов, у которых не будет проблем с совместимостью с вашей системой.

Вот и все — теперь вы знаете, как решить проблему «слишком широкий экран на рабочем столе и на экранах Интернета» в Windows 10. Какой из двух вышеперечисленных методов сработал для вас? Поделитесь в комментариях ниже.

Нравится ли вам этот пост? 🙂

Пожалуйста, оцените, поделитесь им и подпишитесь на нашу рассылку!

23 голосов, в среднем: 2.

Leave a comment