Как сделать качественный скрин экрана. Как быстро сделать скриншот (снимок экрана). Делаем скриншот без специальных программ. Создаем скриншот страницы с помощью онлайн сервиса «SSmaker»

20.03.2019

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

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

В открывшемся меню выбираем Персонализация

Рис.2

Рис.3

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

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

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

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

Нажав правую кнопку мыши на пустом экране, вызываете контекстное меню. В нем выбираете нижнюю строчку - Свойства.

В открывшемся окне Свойства: Экран нажимаем вкладку Рабочий стол :

Рис.4

Именно здесь вы можете установить цвет или фоновый рисунок экрана.

Если вы хотите, чтобы экран вашего монитора был одноцветным, тогда на вкладке Цвет 1 из выпадающего списка выбираете любой цвет, который вам нравится (черный, желтый, красный и т.д.). А в поле Фоновый рисунок 2 щелкаете по верхней строчке (нет) . При этом на экране монитора, который виден посередине вкладки, появится выбранный вами цвет. Если этот цвет вам нравится, тогда нажимаете кнопку применить, а потом ОК. Все - экран монитора окрасился в ваш любимый цвет.

Но красивее будет, если экран не одноцветный, а установлен фоновый рисунок. Рисунок можно выбрать из стандартного набора Windows. Для этого в поле Фоновый рисунок 2 щелкаете курсором по названиям рисунков и эти рисунки будут появляться на экране монитора-образца. В данный момент там виден стандартный рисунок Windows XP под названием Безмятежность. Выбрав какой-то рисунок, вы нажимаете кнопку Применить, а потом ОК и этот рисунок появится на вашем рабочем столе - на экране вашего монитора.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Краткий итог

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

Учимся делать скриншот с экрана

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

Лично я использовал эту возможность, когда настраивал , для продажи баннеров на блоге. Там нужно было установить свою картинку с рекламными местами для наглядности. Чтобы рекламодатель мог видеть, где именно (в каком месте) заказывает рекламу на моем блоге. Можете посмотреть, как у меня получилось (скриншот доделывал в фотошопе) на .

Темы статьи:

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

Снимаем скриншот (ScreenShot) при помощи «Print Screen»

Я надеюсь, у вас есть клавиатура! Делается скриншот очень просто. Не важно, какая у вас клавиатура, по принципу работы все одинаковые, так что не переживайте.

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

Для того чтобы сделать скриншот на клавиатуре, нажмите клавишу «PrtSc». Эта клавиша находится после клавиш «F1-F12», в верхнем горизонтальном расположении. Настраивайте ваш экран так, чтобы была видна та часть, которая должна отобразиться в скриншоте.

Лично я сделаю скриншот своего экрана, на момент написания статьи. Вот что у меня получилось.

Я, конечно же, уменьшил изображение для наглядности. У вас должно было получиться то, что вы фотографировали на экране. Но это только часть процесса. А как же нам теперь этот скриншот достать из этой кнопки, и превратить его в изображение в формате «JPG» или «PNG»?

Все достаточно просто! На помощь нам приходит старая добрая программа «Paint». Она должна у вас быть, если вы пользуетесь Windows. Это программа из набора «стандартных». Для того, чтобы открыть программу «Paint» проделайте следующие шаги: «Пуск» — «Все программы» — «Стандартные» — «Paint». Запустите приложение.

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

После запуска программы вы можете мгновенно вставить изображение, нажав сочетание клавиш «Ctrl+V». Автоматически изображение будет помещено в рабочую область программы.

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

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

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

Используем ножницы, чтобы сделать скриншот

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

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

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

Я снял часть экрана, где был открыт браузер и сохранил этот фрагмент в формате JPEG. Так же, после запуска вы можете нажать на кнопку «Отмена» и отменить моментальное создание скриншота. Это необходимо для того, чтобы вы могли настроить экран перед снимком.

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

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

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

Программа для скриншотов с экрана «Joxi»

Еще одна очень удобная программа для создания скриншотов «Joxi». Этой программой я пользуюсь уже давно. Мне ее порекомендовал мой коллега Белан Константин (писал про нее в одном из своих постов). И она мне очень понравилась. Теперь и я с большим удовольствием расскажу вам про нее.

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

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

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

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

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

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

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

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

После всех действий и принятии решения об окончательном редактировании снимка, его нужно сохранить. Сохраняется рисунок в трех режимах: можно скопировать этот скриншот и вставить его в какую-нибудь программу, например «Paint» или «Photoshop», можно скриншот сохранить на компьютер, а можно опубликовать на сервере «Joxi». Лично я всегда использую второй вариант – сохранение изображения на компьютер.

Стрелками я отметил для вас, что нужно выбирать, когда фрагмент снимка готов. Также расставил очередность действий. Сначала щелкните по небольшому треугольнику на синей кнопке, чтобы открыть меню с выбором режима сохранения, и только потом выберите пункт «Сохранить» или нажмите сочетание клавиш «Ctrl+S».

При сохранении снимков экрана у программы «Joxi» есть маленькая особенность. Если при сохранении на компьютер вы укажете имя вашему скриншоту и не укажите его расширение, то скриншот сохранится, как попало и вы не сможете его открыть.

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

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

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

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

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

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

Как сделать скриншот всей страницы сайта с помощью «Joxi»?

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

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

Для того, чтобы сделать скриншот страницы в интернете, нужно установить специальное расширение (плагин) в ваш браузер. Браузер должен быть обязательно Google Chrome. Потому что разработчики «Joxi» написали плагин именно для этого браузера. Итак, если у вас Google Chrome, то переходите по этой ссылке: «Установить плагин Joxi ». Официальная новость о выходе расширения на официальном сайте вышла 31 июля 2014 года «читать здесь »

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

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

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

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

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

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

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

Создаем скриншот страницы с помощью онлайн сервиса «SSmaker»

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

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

Сервис называется «SSmaker». Находится он по адресу SSmaker.ru . Переходите на сайт и продолжайте читать статью, я расскажу вам, как пользоваться сервисом.

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

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

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

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

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

Как сделать скриншот экрана, с помощью Fast Stone Capture?

Еще одна, довольно-таки занимательная программа для создания скриншота «Fast Stone Capture». Я нашел ее через поисковую систему, установил на свой компьютер и запустил. Тоже самое я рекомендую сделать и вам.

Это не бесплатная программа, и при запуске она оповестит вас о том, что вы используете программу в режиме «Trial версии», ознакомительная версия. Вы можете приобрести программу всего за $19.95 и ввести регистрационный ключ. Я этого делать не буду, я воспользуюсь триаловской версией. Нажимайте кнопку «Continue Trial».

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

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

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

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

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

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

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

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

Шестая кнопка делает скриншот всего экрана целиком (Full Screen), и также после снимка открывает его в полной программе для дальнейшей обработки. Седьмая кнопка , самая интересная, она поможет нам сделать скриншот страницы сайта целиком и полностью!

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

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

Девятая кнопка просто шедевральна. Она умеет записывать видео. Ну что ж, посмотрим. Есть несколько режимов записи скринкаст видео:

как объект виндовс
произвольная прямоугольная форма
только рабочий стол без меню «Пуск»
полный экран

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

Ну, довольно-таки не плохо! Результат меня впечатлил. Сохраняется видео в формате «WMV». Этот формат читается на любом компьютере с Windows. Весит данный ролик 3,65 мб. Продолжительность 27 секунд. Не много и не мало. Качество устраивает для быстрых видео.

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

Итак, что же мы можем сделать со скриншотом в программе «Fast Stone»? Давайте разбираться. Изначально, после попадания снимка в программу перед вами откроется полноценное окно, в котором на глаза сразу же попадается горизонтальное меня, с обилием различных кнопок (инструментов).

Сейчас давайте разберем вкратце каждую кнопку стандартного назначения:

Открыть проект (Open)
Сохранить как (Save As)
Инструменты выделения (Rectangle … и т.д.)
Увеличить масштаб (Zoom In)
Уменьшить масштаб (Zoom Out)
Масштаб в процентах (По умолчанию 100%)

Кнопка « Draw» открывает внутреннее приложение, типа «MS Paint». В нем вы можете дорисовать какие-нибудь недостающие элементы, например усы карандашом, или большие уши, в общем, подключайте фантазию и действуйте.

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

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

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

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

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

Делаем скриншот, с помощью WinShap (Trial Version)

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

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

Кстати, сразу же после запуска, программа автоматически сделает скриншот вашего рабочего стола. Так что не пугайтесь!

Кстати, на счет бесплатности. Программа вовсе не бесплатная, и при первом запуске потребует ввести серийный номер. На что вы отреагируете, нажав на кнопку «Continue». Программа начнет работать.

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

Как вы могли заметить, панель рисования находится в самом низу рабочей области программы. Там доступны практически те же инструменты, что и в «Joxi». Стрелки здесь немного уже.

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

Справа от самого изображения находится панель управления снимком, где есть кнопка старта создания скриншота, а также выбор тех самых режимов, о которых я говорил. Вы можете установить тень (Shadow) для изображения, добавить отражение (Reflection), добавить обводку по контуру (Outline), поставить водяной знак (Watemark) и изменить режим цвета (Colorize): сепия, негатив, черно-белое и т.д.

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

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

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