Фоновый рисунок во весь экран. Как сменить обои (картинку, заставку) на рабочем столе

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

Как сделать заставку на «Рабочий стол»: настройка персонализации

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

Для начала давайте посмотрим, как сделать заставку экрана для компьютера.

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

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

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

Как сделать заставку на компьютер самостоятельно?

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

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

Однако и это далеко не самый эффективный метод. Но как сделать заставку самостоятельно? Для этого лучше использовать более продвинутые редакторы. Если вы знаете хотя бы начальные азы работы с пакетом Photoshop, создать изображение, используя собственную фантазию, не так уж и сложно (тем более, что в самой программе имеется достаточно большое количество всевозможных шаблонов).

Создание заставок для мобильных устройств

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

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

Установка в качестве заставки для смартфона или планшета любого изображения

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

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

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

Краткий итог

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

Веб технологии, как и различного рода тенденции в дизайне, не стоят на месте, поэтому каждый раз появляются какие-то оригинальные фишки и нюансы для сайтов. Одним из подобных «направлений» является использование фона (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; }

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

• 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")";

Но внимание!!! при этом могут возникнуть некоторые проблемы с работой ссылок на странице. Кстати, чуть позже 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% */ } }

Работает в любых версиях качественных браузеров — 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%; }

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

• 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%; }

$(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. Хотите купить книгу? — не обязательно ходить в магазине ведь сейчас онлайн книжный интернет магазин позволяет сделать все через сеть — выбрать, оплатить и оформить доставку на дом.

Фонового рисунка
и экранной заставки на компьютере

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

Экранная заставка, изначально, не установлена.
Но её можно установить, а затем и изменять.

Как изменить фоновый рисунок экрана компьютера

Как изменить
фоновый рисунок экрана

Сразу скажу, что изменение фонового рисунка, на
сегодняшний день – доступна не для всех версий Windows.
В частности, для Windows 7 (начальная) –
такая возможность недоступна.

Итак, путь к изменению фонового рисунка, начинается
с кнопки «Пуск» → выбрать справа «Панель управления».

В разделе «Оформление» выбрать функцию
«Изменение фона рабочего стола».
Откроется такое окно.

В этом окне – фоны для рабочего стола. Надо щёлкнуть по изображению, которое хотите сделать фоном. Затем выбрать внизу положение изображения – на кнопке «Заполнение»

Кроме выбора готового Фона – вы можете выбрать и любое другое изображение. Из тех, которые загружены на ваш компьютер. Для этого, в разделе «Расположение изображения» – нажмите на стрелочку. Откроется контекстное меню.

Вы можете выбрать «Библиотека изображений». И когда откроются ваши
папки с изображениями – выбираете нужное. Либо нажимаете кнопку «Обзор».

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

А когда изображение появится в окне установки фона рабочего стола – выполняете то же, что и для готового Фона. Щёлкнуть по выбранному. Выбрать внизу положение изображения – на кнопке «Заполнение» выбрать положение изображения. А затем нажать внизу кнопку «Сохранить изменения».

Что такое экранная заставка и как её установить

Что такое экранная заставка
и как её установить

Экранная заставка – это именно заставка. В зависимости от выбранной, она появляется либо на фоне Фонового рисунка, либо вместо него в то время – когда включённый компьютер находится в состоянии паузы. То есть – вы не пользуетесь ни мышью, ни клавиатурой. Или просто отошли от компьютера.

Как только вы коснётесь рукой мыши или щёлкните
по кнопке клавиатуры – экранная заставка исчезает.

Установка экранной заставки на Windows 7 (начальная) – тоже доступна.

Путь к установке экранной заставки начинается с кнопки «Пуск» → выбрать справа «Панель управления» → щёлкнуть по кнопке «Оформление». Откроется такое окно.

В разделе «Экран» – выбираете «Изменение заставки».
Откроется вкладка «Параметры экранной заставки».

Изначально – экранная заставка не установлена. Поэтому в параметре «Заставка» – стоит «Нет». Чтобы увидеть выбор имеющихся заставок – нажмите на стрелочку. Откроется контекстное меню.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

windows xp

Как сменить обои на рабочем столе, если вы скачали новые обои из Интернета, или принесли новые обои на диске, или желаете установить в качестве обоев любимое фото?

Измените параметр Рабочего стола - Фон :

• вызовите контекстное меню для объекта Рабочий стол , щелкнув правой кнопкой мыши на любом свободном месте Рабочего стола, но не на объектах стола, иначе будет вызвано контекстное меню, связанное с данными объектами;
• в раскрывшемся меню выберите команду Свойства. Перед вами появится окно (рис. 1);
• выберите вкладку Фон , щелкнув левой кнопкой мыши;
• просмотрите с помощью полосы прокрутки список графических файлов в окне Рисунок рабочего стола;
• щелчком мыши на значке графического файла выберите рисунок;
• выберите способ расположения рисунка на Рабочем столе щелчком на кнопке Расположить . В раскрывшемся списке команд выберите команду Растянуть , если вы хотите поместить рисунок на весь экран, команду По центру, чтобы расположить рисунок в центре экрана, или команду Рядом, чтобы размножить выбранный рисунок мозаикой по всему экрану.
• в окне предварительного просмотра посмотрите, как будет выглядеть Рабочий стол с выбранным вами рисунком;
• щелкните на кнопке Применить , чтобы увидеть результат изменений на экране (окно Свойства: Экран останется раскрытым).

Замечание: Через некоторое время вам надоедят все стандартные рисунки и появится желание найти что-нибудь новенькое.

Чтобы вывести на экран необходимые обои, нажимаете кнопку Обзор (Выбрать из каталога) 3 и с помощью проводника Windows находите файл с этим рисунком на вашем компьютере. Выбранный файл появится в списке Фоновый рисунок 2 Теперь нажимаете кнопку Применить , а потом ОК и ваш рисунок на экране.
Обращаю внимание только на то, что рисунок должен находиться на жестком диске, а не на CD. То есть, понравившийся рисунок нужно сначала скопировать с CD - диска, а потом уже устанавливать его фоновым рисунком.

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

Только желательно, чтобы рисунок соответствовал вашему экранному разрешению. Если разрешение экрана 1024 х 768, то и размер фотографии должен быть таким же. Потому что, если фотография больше экрана, то на экране разместится только часть фотографии и не обязательно лучшая.
Чтобы узнать какое разрешение экрана Вашего компьютера, зайдите во вкладку Параметры (Свойства: Экран – Параметры).

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

Если размер фотографии будет меньше экрана, то тогда нужно будет в поле Расположение 4 выбирать вариант. Фотографию придется или разместить по центру или растянуть, или замостить ею экран, что, в любом случае, будет не очень красиво. Значит, фотографию нужно предварительно подготовить.

windows 7

1 вариант

1. Пуск – Панель управления – Экран

1. Слева панель управления настройками экрана – выбираем Изменение фонового рисунка рабочего стола

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

1. Содержимое папки будет отображаться в окне, выбираем любую картинку и настраиваем отображение картинки с помощью кнопки Положение изображения – выбираем оптимальный вариант расположения.

1. Фиксируем выбранные обои кнопкой Сохранить изменения.

2 вариант

Успешной Вам работы!