Как сделать скриншот окна

Обновлено: 18.05.2024

Как быстро сделать скриншот

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

Rock-email. Бесплатный курс в письмах

Где взять базу? Как сделать красивое письмо? Какие показатели смотреть? Расскажем об этом в бесплатном курсе из 16 писем. Татуировка в каждом письме!

Читайте наc в Telegram

Рассказываем про инструменты для email-рассылок. Обсуждаем лучшие примеры и механики. Говорим о деньгах. Публикуем вакансии.

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

Существует множество способов сделать скриншот быстро:

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

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

Что сделать	Какой инструмент использовать
Скриншот всей страницы	GoFullPage , Joxi , Awesome Screenshot , FireShot
Скриншот произвольной формы	Ножницы, Набросок на фрагменте экрана
Скриншот активного окна	Скриншотер (декстопная версия) , Screen-shooter , FireShot , Ножницы
Использовать горячие клавиши	Joxi , Awesome Screenshot , Скриншотер (декстопная версия) , Lightshot (декстопная версия)
Затереть конфиденциальные данные	Awesome Screenshot , Joxi , Скриншотер (декстопная версия) , Screen-shooter
Добавить последовательность шагов	Joxi , Screen-shooter , Awesome Screenshot (платно)
Выбрать качество изображения	Screen Capture , Lightshot (декстопная версия), Joxi (декстопная версия)
Найти похожие изображения в Google	Lightshot
Быстро поделиться скриншотом в соцсетях	Joxi , Lightshot
Сохранить скриншот в PDF	GoFullPage , Awesome Screenshot , FireShot
Делать скриншоты и снимать скринкасты в одном инструменте	Awesome Screenshot , Скриншотер (декстопная версия)

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

Чтобы сделать скриншот:

всего экрана, нажмите Shift+Command+3;
выделенной области — Shift+Command+4;
окна браузера — Shift+Command+4, затем нажмите пробел и кликните на окно.

Mac все снимки сохраняет на рабочем столе в формате PNG.

Чтобы сделать скриншот:

всего экрана, нажмите PrtSc;
активного окна — Alt + PrtSc.

Скриншот сохраняется в буфере обмена. Это удобно, когда нужно вставить изображение сразу в документ (например, в Google Документы) или в редактор (Paint, Photoshop). Чтобы вставить скриншот нажмите Ctr+v или выберите нужный пункт в контекстном меню (правая кнопка мыши).

Если хотите сразу сохранить снимок в виде файла, нажмите Win/Fn + PrtSc. Файл ищите на системном диске в папке Изображения/Снимки экрана (Screenshots).

Встроенные программы

Снимок экрана (macOS)

Где найти. Через поиск, или нажмите Shift+Command+5.

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

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

Ножницы (Windows 10)

Где найти. Через поиск или в меню «Пуск» — «Стандартные Windows».

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

Выделение в форме сердечка. Скриншот окна программы сделан с помощью клавиш Alt+PrSc

У инструмента «Ножницы» есть таймер для задержки снимка до 5 секунд.

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

Готовое изображение сохраняется в JPG или PNG.

Команда Windows 10 грозится в одном из следующих обновлений заменить инструмент «Ножницы» на утилиту «Набросок на фрагменте экрана». Чтобы получить к ней доступ, нажмите Win+Shift+S. Здесь нет таймера и возможности снять активное окно, зато есть отмена в редакторе.

Меню инструмента «Набросок на фрагменте экрана»

Расширения в браузере

Буду двигаться от самых простых к наиболее функциональным.

GoFullPage

Язык. Английский.

Что умеет. Делает скриншот всей страницы в один клик. Для этого нажмите на значок расширения или Alt+Shift+P. Качественно и быстро скриншотит страницу целиком.

Чтобы сохранить готовый скрин в виде файла, перетащите его на рабочий стол.

Формат. PNG или PDF.

Сколько стоит. Бесплатно.

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

Скриншотер

Язык. Русский.

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

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

Формат. PNG.

Сколько стоит. Бесплатно.

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

Lightshot

Язык. Русский.

Что умеет. Делает скриншот выделенной области. В отличие от «Скриншотера», в Lightshot есть редактор с основными инструментами. Позволяет добавить текст, выделения, стрелки, линии и формы. Не умеет размывать части скриншота.

Из плюсов — расширение позволяет быстро поделиться снимком в соцсетях (ВКонтакте, Facebook, Twitter, Pinterest) или распечатать скрин.

Ещё одна прикольная функция — поиск похожих картинок в Google прямо через редактор сервиса.

Формат. PNG.

Сколько стоит . Бесплатно.

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

FireShot

Язык. Английский.

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

Готовое изображение FireShot предлагает сохранить, переслать по почте или распечатать. В платной версии также есть экспорт снимков в OneNote, Twitter и Flickr.

Большой минус — в бесплатной версии нет редактора.

Формат. PDF, JPG, PNG, GIF или BMP.

Сколько стоит. Бесплатно без редактора. Есть пожизненная лицензия — около 3000 руб.

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

Язык. Русский.

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

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

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

Формат. PNG.

Сколько стоит. Бесплатно.

Joxi может расшарить картинку в 40 соцсетей

Awesome Screenshot

Язык. Английский.

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

В редакторе сервиса есть все стандартные инструменты для редактирования, в том числе размытие и возможность менять размер картинки.

Готовое изображение можно сохранить в виде файла на компьютере или в облаке (бесплатно доступен Google Диск), распечатать или поделиться с командой через Asana, Slack и Trello (требуется регистрация).

Большой плюс Awesome Screenshot — расширение позволяет записывать не только скриншоты, но и скринкасты.

Формат. PNG или JPEG (выбирается в настройках), PDF.

Сколько стоит. Бесплатно. Есть платные тарифы от 300 руб./мес. В основном прокачивают возможности для скринкастов.

Из платных инструментов наиболее полезна последовательность шагов, но и без неё легко обойтись

Декстопные программы

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

Скриншотер

Язык. Русский.

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

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

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

Самая главная особенность декстопной версии «Скриншотера» — программа умеет снимать видео в формате mp4 до 60 минут.

Формат. PNG и JPG.

Сколько стоит. Бесплатно.

Редактор в программе до боли напоминает редактор Lightshot

Screen-shooter

Язык. Русский.

Что умеет. Снимает экран, область и активное окно. Можно настроить горячие клавиши.

Среди инструментов есть и размытие, и последовательность шагов.

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

Формат. PNG.

Сколько стоит. Бесплатно.

Screen Capture

Язык. Русский.

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

Есть редактор со всеми основными инструментами.

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

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

Формат. JPG.

Сколько стоит. Бесплатно.

Как сделать красивый и полезный скриншот

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

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

3. Акцентируйте внимание на важном. Используйте стрелки и выделения.

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

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

6. Думайте о цели. Сначала подумайте, зачем делаете скриншот, что хотите показать с его помощью. Когда понятна цель, легче сделать скриншот правильно.

Как сделать скриншот на компьютере?

На каждой клавиатуре есть клавиша PrtSc (Print Screen), правда располагаться может в разных её частях.

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

На примере показано - скрин последнего окна Paint 3D вставлен в это же приложение. Для того, чтобы вставить изображение куда угодно достаточно нажать Ctrl+V или нажать правой кнопкой мыши на том месте, куда вы хотите вставить свой скрин и выбрать пункт вставить.

Как сделать скриншот

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

Общие рекомендации для ОС Windows

Нажмите на клавиатуре кнопку Print Screen (иногда она называется PrntScrn , PrtScn , PrtScr или PrtSc ) — в буфер обмена будет скопирован снимок всего экрана.

Если вы работаете на ноутбуке, нажмите сочетание клавиш Fn + PrtScn .

Чтобы сделать скриншот только активного окна, нажмите сочетание клавиш Alt  +  PrtScn . На ноутбуке используйте сочетание клавиш Fn  +  Alt  +  PrtScn .

Примечание. В Windows 8.1 и 10 вы можете нажать сочетание клавиш Win  +  PrtScn , чтобы быстро снять скриншот всего экрана и автоматически сохранить его в папке Снимки экрана в вашей библиотеке изображений. Откройте любой из установленных графических редакторов, например, «Paint» : Пуск  → Программы  → Стандартные  → Paint . Примечание. Вы также можете воспользоваться универсальным сочетанием клавиш Ctrl  +  V .

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

При необходимости добавьте текст или выделите отдельные элементы изображения. Сохраните скриншот на вашем компьютере: Файл  → Сохранить как ; или нажмите кнопку . Примечание. Сохранять графические файлы лучше в формате JPG или PNG: тогда размер файла будет оптимальным для отправки по почте. Выбрать формат файла при сохранении в программе «Paint» вы можете в поле Тип файла (в нижней части окна Сохранить как ).

Программа «Ножницы» в Windows 7

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

Запустите программу из меню Пуск : наберите слово ножницы в поисковой строке и нажмите на название программы.

Программа запускается из меню Пуск  → Все программы  → Стандартные .

Запустить программу из меню Пуск можно другим способом: наберите слово ножницы в поисковой строке и нажмите на название программы.

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

macOS

Чтобы сделать скриншот в macOS, нажмите сочетание клавиш ⌘ Cmd  +  Shift  +  3 . На рабочем столе появится файл со снимком всего экрана.

Если вы хотите сделать снимок конкретной части экрана, нажмите сочетание клавиш ⌘ Cmd  +  Shift  +  4 и выделите курсором нужную область экрана.

Чтобы сделать скриншот только активного окна, нажмите сочетание клавиш ⌘ Cmd  +  Shift  +  4 , а затем нажмите Пробел .

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

Платформа iOS позволяет сделать скриншот стандартными средствами начиная с версии 2.x. Полученные снимки сохраняются в стандартном приложении Фото . Способ снятия скриншотов зависит от модели устройства iOS.

iPad, iPhone SE–8 Нажмите и удерживайте пару секунд кнопки Включение/Выключение и Домой . iPhone X–XR Нажмите и удерживайте пару секунд кнопки Включение/Выключение и Повышение громкости .

Android

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

Как сделать скриншот экрана на компьютере или ноутбуке с Windows

На любой клавиатуре предусмотрена специальная кнопка для снятия скриншотов. Она называется "Print Screen", а иногда "PrntScrn", "PrtScn", "PrtScr" или "PrtSc".

Как сделать

Если у вас компьютер, нажмите кнопку "Print Screen".

Если у вас ноутбук, нажмите одновременно две кнопки: "Print Screen" и "Fn".

Если хотите сделать скриншот только активного окна (программы), нажмите одновременно "Alt" и "Print Screen" на компьютере; "Alt", "Print Screen" и "Fn" — на ноутбуке.

Скриншот сохранится в буфер обмена. Теперь можно вставить его в письмо, фоторедактор или Word (нажать одновременно кнопки "Ctrl" и "V").

Как сохранить скриншот в отдельный файл

После того, как сделали скриншот, нажмите кнопку "Пуск" > "Все программы" > "Стандартные" > "Paint".

Нажмите одновременно две кнопки: "Ctrl" и "V". На экране появится ваш скриншот.

Нажмите одновременно две кнопки: "Ctrl" и "S".

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

Способ второй: программа "Ножницы"

Такая программа есть в Windows 7, 8, 8.1, 10.

Как сделать

Или в поле поиска напишите "Ножницы" (в Windows 7 и 8 поле поиска появляется при нажатии кнопки "Пуск", в Windows 10 — при нажатии кнопки с лупой).

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

Скриншот сохранится в буфер обмена. Теперь можно вставить его в письмо, фоторедактор или Word (нажать одновременно кнопки "Ctrl" и "V"). Также на скриншоте можно что-то написать или нарисовать (значки в виде карандаша и фломастера).

Как сохранить скриншот в отдельный файл

Нажмите на значок дискеты.

Где найти скриншоты

В той папке, которую выбирали при сохранении. Лучше хранить скриншоты в папке "Изображения".

Как сделать скриншот (снимок) определенного окна в Windows

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

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

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

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

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

Открываем или переключаемся на то окно, скриншот которого нужно сделать.
Поочередно зажимаем на клавиатуре клавиши Alt + PrtScr , затем отпускаем.
Открываем меню Пуск, и там в поиске вводим Paint. Запускаем его.
В Paint в верхнем меню выбираем пункт "Вставить". Произойдет вставка скриншота.
Нажимаем на меню "Файл", выбираем пункт "Сохранить".

Набросок на фрагменте экрана

Данная программа есть только в Windows 10.

Данная программа очень похожа по принципу работы на старую программу "Ножницы", правда гораздо лучше интегрированная в систему. Для создания снимка с её помощью, нужно чтобы она была установленна на компьютере, проверить это можно попробовав найти её в меню Пуск. Если она не установлена - тогда её нужно скачать из Магазина Microsoft (Microsoft Store) по этой ссылке.

Использование горячих клавиш

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

Использование интерфейса программы

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

Ножницы

Данная программа есть только в Windows Vista, Windows 7, Windows 8 и Windows 10.

Ножницы (англ. Snipping Tool) - программа для создания скриншотов из определенных областей экрана. Впервые появилась в Windows Vista, и просуществовала вплоть до Windows 10, где в результате одного из обновлений она планируется к замене программой "Набросок на фрагменте экрана".

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

ShareX

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

Самая последняя версия программы работает только в Windows 7, Windows 8 и Windows 10, но можно найти более старую версию 12.0.0 которая так же поддерживает Windows XP и Windows Vista. Программа абсолютно бесплатна, поддерживает русский язык без каких-либо дополнительных манипуляций и легко скачивается с официального сайта.

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

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

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

Lightshot

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

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

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

5 способов сделать скриншот в Windows. Снимок экрана, окна, рабочей области, отдельной части.

Сделать скриншот в Windows очень просто. Очень просто если ты знаешь как и пользуешься этим каждый день. А если нет? Ну есть на клавиатуре кнопка PrtSc и что? Нажимаешь её и ничего не происходит.

1. PrtSc

А происходит - по нажатию этой кнопки изображение всего экрана копируется в буфер обмена. Его можно вставить простым Ctrl+V в любое приложение, поддерживающее графику, хотя бы стандартный Paint.

2. Win+PrtSc

С этим сочетанием клавиш, система сделает снимок всего экрана и положит его в вашу папку Изображения/Снимки экрана в формате *.jpg

Как лучше сделать снимок экрана (скриншот) на компьютере?

А вам часто приходится делать снимки экрана (скриншоты) монитора? Мне кажется, что сейчас с этим многие пользователи должны были сталкиваться.

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

Обычно для создания скриншотов многие используют кнопку "Prt sc / Sysrq". Если вы не знаете, то она спрятана в правой части верхнего ряда клавиш на клавиатуре (если поможет, то рядом с кнопкой "Delete").

Prt sc (также еще PrtScr или Print Scrn) сокращенно от Print Screen, что в переводе с английского языка означает "снимок экрана".

Снимок экрана (скриншот) Снимок экрана (скриншот)

Чем же плох этот метод? Просто после нажатия кнопки Print Screen снимок экрана автоматически сохраняется в буфер обмена. Дальше для сохранения скриншота в файл необходимо воспользоваться любым графическим редактором (например, Paint).

Программа Paint Программа Paint

Запускаем программу и нажимаем сочетание клавиш "Ctrl" + "V" для вставки изображения. Остается только сохранить в нужном формате.

Сочетание клавиш Сочетание клавиш

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

Для создания снимка экрана лучше воспользоваться сочетанием клавиш "Win" + "Prt sc".

Сочетание клавиш Сочетание клавиш

В данном случае снимок экрана сохраняется автоматически не в буфер обмена, а сразу в виде файла в папку "Снимки экрана". Где найти эту папку в операционной системе? В Windows 10 сначала нужно зайти в "Этот компьютер", а потом в папку "Изображения".

Новый способ сделать скриншот Windows 10

В обновлении Windows 10 1809 October 2018 Update, помимо прочих нововведений, появился новый удобный способ создания скриншотов (снимков экрана) — фрагмент и набросок.

Чтобы использовать новую функцию вы можете сделать следующее:

1. Нажать клавиши Win+Shift+S на клавиатуре (Win — это клавиша с эмблемой Windows). В результате экран будет затемнен, а сверху появится несколько кнопок: первая позволяет выделить и сделать снимок прямоугольной области экрана, вторая — снять произвольную область экрана, третья — сделать скриншот всего экрана.

Созадние скриншота в "Фрагмент и набросок" Windows 10 Созадние скриншота в "Фрагмент и набросок" Windows 10

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

Скриншот помещен в буфер обмена Скриншот помещен в буфер обмена

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

Редактирование скриншота Редактирование скриншота

Дополнительные возможности

Можно назначить запуск утилиты на клавишу Print Screen в Параметры - Специальные возможности — Клавиатура.
Запустить утилиту можно и из меню пуск или с кнопки в области уведомлений (в этом случае откроется редактор, в котором нужно будет нажать "Создать" для создания скриншота).
Утилиту можно использовать совместно с журналом буфера обмена (Клавиши Win+V) и создать сразу набор снимков экрана в буфере обмена, а уже после этого работать с ними.

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

Делаем скриншоты правильно: практические советы

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

Ведь кажется, что скриншот — это “секунда работы, Alt+PrintScreen и Ctrl+V!”. Некоторые клиенты удивляются, когда слышат, что скриншот в мануале может стоить и $2 и даже $5.

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

Что нужно скриншотить

Нужно:

схема основных элементов и зон интерфейса с подписями. Например, панель инструментов, панель состояния, главное меню, контекстное меню. Далее по тексту не придётся объяснять: “Кликните на вот ту кнопку на второй сверху панели слева”;
один основной скриншот для каждой главы мануала. Вдруг пользователь не читал предыдущие главы, а воспользовался поиском;
скриншот для каждого действия, которое значительно меняет состояние системы, интерфейса или данных;
всплывающие (модальные) окна.

НЕ нужно:

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

Процесс создания скриншотов

1. Настройка окружения. Выберите единый стиль окон и шрифтов в вашей ОС. Если интерфейс “резиновый”, определите ширину и высоту окна браузера или программы и не меняйте ее на протяжении съемки.

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

Может, кто-нибудь знает более простой и изящный способ?

2. Подготовка данных. Наполните приложение примерами, приближенными к жизни и решающими конкретные пользовательские задачи. Можно продумать несколько случаев: простых, как “хеллоуворлд”, и посложнее, для продвинутых юзеров.

Желательно, чтобы имена объектов и настройки не менялись в пределах одного раздела. Например, в 1-й главе пользователь Ипполит создал заметку “Как готовить рыбу”. А во 2-й главе нужно рассказать о кастомизации заметок. Естественно, лучше рассказывать про то, как Ипполит применяет к уже созданной заметке красную заливку. Такой нехитрый подход напомнит пользователю о предыдущих действиях, а также обеспечит полноту картины.

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

Если вы делаете скриншоты для документации на иностранном языке, проследите, чтобы в кадр не попали “русские” имена (Andrew — ок, Vanja Babushkin — не ок) или надписи на русском языке.

3. Съемка. Тут все зависит от ваших инструментов, но основные рекомендации такие:
а. По возможности снимайте только значимые зоны интерфейса и делайте скриншот как можно компактнее. Так он и на лист А4 поместится, и будет иметь малый размер.
b. Как и при фотографировании, следите за композицией, не отрезайте части элементов по краям скриншота. Постарайтесь делать скриншоты одинаковой ширины и высоты в рамках одного примера.
c. Чтобы сэкономить время, делайте сразу серию скриншотов. На всякий случай можно сделать “лишние”, незапланированные скрины – вдруг пригодятся при переделках или редактировании.

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

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

5. Сохранение. Давайте скриншотам говорящие уникальные имена, придерживаясь определённого формата, например, general_settings_privacy. Лучше не использовать пробелы и прописные буквы, а также слишком длинные названия. Такой подход гарантирует универсальность и работоспособность при размещении онлайн-справки на различных серверах.

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

6. Вставка в текст. Об этом — ниже, в разделе "Оформление".

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

Инструменты

Десктоп-инструменты

Плагины для браузеров

Модули HAT программ

. «Интеллектуальное” снятие и аннотирование скриншотов – главная фишка этой программы. Она определяет структуру окна и может автоматически распознать и подписать все элементы интерфейса. В самом редакторе есть много стилей для стрелочек, цифр и так далее; . Дороже, чем Dr.Explain, а модуль для снятия скринов хуже. Но пользоваться можно, тем более, что аннотации к скринам складываются в отдельный xml файл, который можно перевести при локализации; . Достаточно дорогой редактор, модуль снятия скриншотов не впечатляет, но все основные функции есть. Радует то, что можно задавать свои стили для изображений.

Инструменты для создания GIF анимаций

(Win) — бесплатно; (Mac) — платно, также умеет снимать и редактировать видео; (Win, Mac) — бесплатно.

Утилиты для сжатия изображений

(Mac) — бесплатно; (Win) — бесплатно.

Оформление

png – интерфейсы;
jpg – фото;
gif – анимации (отличный пост про анимацию), иконки;
ico – иконки.

для печати (ширина не больше A4, помните про деление на страницы и вставляйте разрывы страниц при необходимости);
для экрана (как скриншот будет смотреться на планшетах и мобильных, учитывайте особенности скриншотов, сделанных на Retina);
комбинированный подход – Conditional Output (Help+Manual, Confluence — Scroll Versions plugin, Flare). При таком подходе можно делать несколько версий каждого скриншота.

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

Чтобы показать динамику, можно сделать комбинированный скриншот:

Если вы вырезали часть окна, то можно показать обрезанный край с неровной кромкой или прозрачностью:

Важные элементы или мелкие детали можно увеличить, чтобы сделать акцент:

Для акцента можно также использовать выделение с помощью цвета – оставить цвет у целевого элемента (панели), а остальные обесцветить:

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

лайтбокс как в Confluence, можно с галереей;
увеличение (как товары на Ebay);
слайдер;
image map с тултипами (пример 2).

И ещё несколько советов.

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

Переиспользуйте стандартные компоненты (иконки, панели, диалоги). Хороший пример — Confluence Inclusions Library.

Разместите список основных иллюстраций (лучше — со ссылками на иллюстрации) после содержания или в конце мануала.

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

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

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

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

Заключение

Правильные скриншоты улучшают любой хелп или мануал, делают их понятными и наглядными. А чтобы сделать правильные скриншоты, надо хорошо подготовиться и затратить немало единиц времени, внимания и энергии. Например, в нашей практике встречались непростые продукты, скриншоты которых стоили не обычные $1-2 за штуку, а $5 и даже $10. Кстати, если вам потребуется помощь со скриншотами или с хелпами целиком — мы всегда на связи ;)

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

Будет круто, если в комментариях вы поделитесь своим опытом по поводу создания скриншотов. Инструменты, процесс, размеры, подписи, стили, хранение, автоматизация — интересны любые практические советы!

P.S: Спасибо за статью нашему гуру создания технической документации Александру Зинчуку

Alconost занимается локализацией приложений, игр и сайтов на 60 языков. Переводчики-носители языка, лингвистическое тестирование, облачная платформа с API, непрерывная локализация, менеджеры проектов 24/7, любые форматы строковых ресурсов.

Мы также делаем рекламные и обучающие видеоролики — для сайтов, продающие, имиджевые, рекламные, обучающие, тизеры, эксплейнеры, трейлеры для Google Play и App Store.

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