Как сделать обои на весь экран монитора. Как сделать заставку на "Рабочий стол" компьютера или мобильного устройства: простейшие методы

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

Есть два способа для изменения обоев. Самый простой – щелкнуть правой кнопкой мыши на изображение и выбрать параметр, который будет устанавливать его как фон рабочего стола. Также можно изменить фон рабочего стола, щелкнув правой кнопкой мыши по окну рабочего стола и выбрав параметр Свойства (Properties ), чтобы изменить настройку с помощью вкладки Внешний вид (Appearance Tab ). Затем фоновое изображение можно растянуть, установить в плитки или по центру.

Что такое фоновый рисунок рабочего стола

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

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

Самый простой способ изменить фон рабочего стола – выбрать изображение, которое Вы хотите установить в качестве фона, и щелкнуть по нему правой кнопкой мыши. Затем выберите опцию Установить как фоновый рисунок рабочего стола (Set as Desktop Background ):

Существует три способа установить фоновый рисунок: в плитки, в центре и растянуть.

Для Windows 95, 98 и предыдущих версий нужно щелкнуть правой кнопкой мыши на рабочем столе и выбрать Свойства экрана (Display Properties ):

В открывшемся окне нажмите Рабочий стол (Desktop ). Здесь также можно выбрать свой фон и даже просматривать изображения, которые будут установлены в качестве фона. В разделе Положение (Position ) можно выбрать, как Вы хотите, чтобы фон отображался (плитки, по центру или растянутый на весь экран).

Изменить фон рабочего стола в Windows 10

Windows 10 , щелкните значок Windows > Настройки (Settings ) > Персонализация (Personalization ) > Фон (Background ):

Затем щелкните раскрывающееся меню под фоном, чтобы выбрать, какой тип фона Вы хотели бы иметь. Возможные варианты: Изображение (Picture ), Заливка (Solid Color ) или Слайд-шоу (Slideshow ):

Чтобы сделать фоновый рисунок, выберите Изображение (Picture ), затем прокрутите вниз и нажмите Обзор (Browse), чтобы выбрать, какую фотографию с жесткого диска Вы хотели бы установить в качестве фона. Если Вам не нравится отображение фотографии, нажмите Выбрать подходящий (Choose a Fit ), чтобы внести изменения.

Изменить фоновый рисунок рабочего стола в Windows 7

Чтобы изменить фон рабочего стола в Windows 7 , щелкните правой кнопкой мыши на пустой части рабочего стола и выберите Персонализировать (Personalize). Затем выберите Фон рабочего стола (Desktop Background) в левом нижнем углу окна.

Вы можете выбрать фон из представленных по умолчанию, или же выбрать свою картинку на жестком диске. Затем нажмите Сохранить изменения (Save Changes) и закройте окно.

Изменение фона рабочего стола для всех пользователей в Windows

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

Перейдите в меню Пуск (Start ) и введите Запуск командной строки (Run ). Затем введите команду gpedit.msc и нажмите OK :

Затем нажмите Конфигурация пользователя (User Configuration ) > Административные шаблоны (Administrative Templates ) > Рабочий стол (Desktop ) > Обои для рабочего стола (Desktop Wallpaper ) > Включено (Enabled ):

Теперь введите источник изображения, которое Вы хотите использовать в качестве фона рабочего стола, в поле рядом с именем (Name). Затем нажмите Применить (Apply ), чтобы сохранить изменения, и ОК , чтобы закрыть окно.

Изменить фон рабочего стола на Mac

Также легко можно изменить фон рабочего стола и на Mac .

Если нужное изображение уже находится на Вашем рабочем столе, просто щелкните его правой кнопкой мыши и выберите Установить изображение на рабочий стол (Set Desktop Picture ):

Изображение: © quka - Shutterstock.com

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

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

Причины появления проблемы

Наиболее вероятными и самыми распространенными причинами сужения изображения на мониторе являются:

Неправильно выставленное разрешение экрана;
Отсутствие ;
Подключение дополнительного монитора или телевизора;
Неверные настройки монитора.

Теперь более подробно рассмотрим каждую из причин. И начнем с самой простой и очевидной.

Неправильное разрешение в настройках графики

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

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

Вход в настройки разрешения экрана в Windows 7

Вход в настройки разрешения экрана в Windows 10

В случае выбора двух первых пунктов вы сразу попадете в нужное окно изменения разрешения экрана. Если вы выбрали «Персонализация», то в открывшемся окне слева внизу выбираете «Экран» и далее слева вверху «Настройка разрешения экрана».

Здесь в пункте «Разрешение» нужно перебирать значения до тех пор, пока изображение на экране не расширится до нужных размеров. Чаще всего напротив нужного значения будет написано «(Рекомендуется)».

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

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

Отсутствие драйвера видеокарты

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

Подключение к компьютеру/ноутбуку дополнительного монитора или телевизора

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

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

Выбор монитора в настройках разрешения экрана

Настройки самого монитора

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

Кнопка авто настройки монитора

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

Инструкция

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

Нижнее поле раздела «Рабочий стол» предназначено для самостоятельного выбора фона рабочего стола – монотонного, в виде узорчатых обоев или вставленного изображения. Найдите окошко с прокруткой «Фоновой рисунок». В нем содержатся готовые обои на рабочий стол. В основном, это стандартная база обоев, таких как «Кофейня», «Лазурь», «Мир», «Пустыня» и другие. Эти базовые фоновые рисунки изначально входят в комплект ОС Windows и присутствуют у всех ее пользователей. Помимо стандартных изображений вы вправе добавить свои собственные. Для этого нажмите справа от окошка «Фоновой рисунок» кнопку «Обзор». Выберите подходящий рисунок или фотографию из нужной папки пользователя. Кликните «Ok», чтобы добавить изображения в базу окна «Фоновой рисунок». После этого окончательно определитесь, оставить ли нынешний рисунок рабочего стола либо сменить его на новый.

Для того, чтобы поменять фон на другой, найдите его в списке фоновых рисунков при помощи двигающегося ползунка прокрутки. Выделите понравившийся объект. Затем щелкните кнопки «Применить» и «Ok». Часто этих действий бывает достаточно для того, чтобы рабочий стол сменил фон. Но так как сделать фоновой рисунок автоматически на весь экран получается не всегда, то потребуется настроить его размеры самостоятельно. Перейдите в маленькое служебное окно «Расположение». Оно находится справа, под кнопкой «Обзор». Функция «Расположение» способна подстраивать размеры фоновых изображений под размеры рабочего стола. Их можно замостить в виде плитки, расположить по центру либо растянуть по всей ширине экрана. Установите стрелочкой значение «Растянуть». Нажмите снова «Применить» и «Ok», чтобы изменения вступили в силу. Вернитесь на рабочий стол. Теперь выбранный вами фоновой рисунок будет полностью совпадать со всей шириной и длиной рабочего стола и, соответственно, с размерами экрана вашего манитора.

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

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

Цель данного урока разместить на сайте фоновую картинку, которая бы постоянно закрывала весь фон окна браузера. Что же конкретно нужно сделать:

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

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

Замечательное, простое и прогрессивное решение с помощью CSS3

Для реализации задачи мы можем использовать свойство background-size в CSS3. Будем использовать элемент html который получше body. Установим фиксированный и центрированный бэкграунд, после чего будем использовать в background-size значение cover.

html { background : url (images/bg.jpg ) no-repeat center center fixed ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size : cover; }

html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

Решение поддерживают почти все популярные в сети:

Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version)
Opera 10+ (Opera 9.5 поддерживает background-size но без значения cover)
Chrome Whatever+
IE 9+
Safari 3+

Некий Goltzman нашел решение, которое позволяет работать хаку в IE

filter : progid: DXImageTransform.Microsoft .AlphaImageLoader(src= ".myBackground.jpg" , sizingMethod= "scale" ) ; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="myBackground.jpg", sizingMethod="scale")" ;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=".myBackground.jpg", sizingMethod="scale"); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="myBackground.jpg", sizingMethod="scale")";

Но внимание!!! при этом могут возникнуть некоторые проблемы с работой ссылок на странице. Кстати, чуть позже Matt Litherland добавил что код, в принципе, можно использовать но для этого нельзя применять элементы html или body а нужно реализовать все через div с 100% высотой и шириной.

CSS -хак номер 1

Альтернативную версию представляет Doug Neiner. В этом случае используется встроенный в страницу элемент , который может изменять размер в любом браузере. Устанавливаем значение min-height, которое способствует заполнению окна браузера вертикально и ставим 100% для width, что заполняет страницу горизонтально. Также ставим min-width чтобы изображение никогда не было меньшим, чем оно есть на самом деле.

img.bg { /* Set rules to fill background */ min-height : 100% ; min-width : 1024px ; /* Set up proportionate scaling */ width : 100% ; height : auto ; /* Set up positioning */ position : fixed ; top : 0 ; left : 0 ; } @media screen and (max-width : 1024px ) { /* Specific to this particular image */ img.bg { left : 50% ; margin-left : -512px ; /* 50% */ } }

img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; } @media screen and (max-width: 1024px) { /* Specific to this particular image */ img.bg { left: 50%; margin-left: -512px; /* 50% */ } }

Работает в любых версиях качественных браузеров — Safari / Opera / Firefox и Chrome. Для IE как всегда есть свои нюансы:

IE 9 — работает;
IE 7/8 — чаще всего функционирует правильно, но не центрирует изображения меньше окна браузера;
IE 6 — можно настроить, но кому вообще нужен этот браузер.

CSS -хак вариант 2

Еще один вариант решения задачи с помощью CSS стилей это разместить встроенное изображение на странице с фиксированной позицией в левом верхнем углу, после чего задать для min-width и min-height значение 100% сохраняя пропорции.

#bg { position : fixed ; top : -50% ; left : -50% ; width : 200% ; height : 200% ; } #bg img { position : absolute ; top : 0 ; left : 0 ; right : 0 ; bottom : 0 ; margin : auto ; min-width : 50% ; min-height : 50% ; }

#bg { position:fixed; top:-50%; left:-50%; width:200%; height:200%; } #bg img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%; }

Хак работает в:

Safari / Chrome / Firefox (слишком ранние версии не тестировались, но в последних работает хорошо)
IE 8+
Opera (любая версия) и вместе с IE both оба глючат одинаково с ошибкой позиционирования.

Метод с jQuery

Данный вариант намного легче (с точки зрения CSS) если мы знаем что соотношение сторон картинки (img используется в качестве фона) больше или меньше текущего соотношения окна браузера. Если меньше, то мы можем использовать только width = 100% и при этом по ширине и высоте окно будет одинаково заполнено. Если больше — можно указать только height = 100% для заполнения всего окна.

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

#bg { position : fixed ; top : 0 ; left : 0 ; } .bgwidth { width : 100% ; } .bgheight { height : 100% ; }

#bg { position: fixed; top: 0; left: 0; } .bgwidth { width: 100%; } .bgheight { height: 100%; }

< aspectRatio) { $bg .removeClass() .addClass("bgheight"); } else { $bg .removeClass() .addClass("bgwidth"); } } theWindow.resize(function() { resizeBg(); }).trigger("resize"); });

$(window).load(function() { var theWindow = $(window), $bg = $("#bg"), aspectRatio = $bg.width() / $bg.height(); function resizeBg() { if ((theWindow.width() / theWindow.height()) < aspectRatio) { $bg .removeClass() .addClass("bgheight"); } else { $bg .removeClass() .addClass("bgwidth"); } } theWindow.resize(function() { resizeBg(); }).trigger("resize"); });

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

P.S. Хотите купить книгу? — не обязательно ходить в магазине ведь сейчас онлайн книжный интернет магазин позволяет сделать все через сеть — выбрать, оплатить и оформить доставку на дом.