Как сделать скриншот в высоком разрешении
Как сделать качественный скриншот
Скриншот (от англ. screenshot) фиксирует содержимое экрана устройства. Бывает, что начинающие пользователи пытаются фотографировать экран компьютера камерой смартфона, но в этом случае неизбежны блики и искажения, из-за чего фотографии получаются нечеткими.
В этой статье мы рассмотрим, как сделать качественный скриншот экрана средствами операционной системы или с помощью сторонних приложений непосредственно на компьютере, работающем под управлением Windows, или смартфоне на Android.
Для чего нужен скриншот?
Скрины незаменимы во многих случаях, например:
Создание скриншотов стандартными средствами Windows
Простой способ сделать четкий скриншот – это использование клавиши Print Screen. При ее нажатии изображение всего содержимого экрана будет скопировано в буфер обмена, откуда его можно вставить в любую программу или документ. Например, в стандартный графический редактор Paint, где можно будет сохранить картинку, а также отредактировать ее – добавить какие-либо обозначения, надписи и т.д.
Если требуется поместить в буфер обмена только содержимое текущего окна, следует использовать комбинацию клавиш Alt + Print Screen. На ноутбуках часто, чтобы задействовать клавишу Print Screen (ее название может быть указано сокращенно – PrtSc), требуется удерживать клавишу Fn. В таких случаях надписи на кнопках Fn и PrtSc бывают сделаны одним цветом.
Еще более удобный вариант – сохранение снимка экрана в виде графического файла в формате PNG в папке «Изображения»⇒«Снимки экрана». Для этого используется сочетание горячих клавиш Win + Print Screen. При их нажатии экран на секунду станет темнее, а в папке «Снимки экрана» появится нужное изображение. Чтобы сохранить в виде файла только активное окно, нажмите комбинацию клавиш Win + Alt + Print Screen. Изображения будут сохранены в папке «Видео»⇒«Клипы».
Также в операционной системе Windows имеются специальные приложения-скриншотеры: «Ножницы» и более новый вариант программы для съемки скринов «Набросок на фрагменте экрана». Эти программы помогают сделать качественный скриншот любой выбранной области экрана, позволяют при необходимости установить задержку съемки, добавить на скриншот пометки и сохранить его в виде графического файла. Оба приложения можно запустить из меню «Пуск».
Для быстрого создания снимка с помощью инструмента «Набросок на фрагменте экрана» также имеются горячие клавиши Win + Shift + S. После их нажатия экран будет затемнен, а в верхней части окна появится панель с кнопками, которые позволяют выбрать, какую часть экрана следует захватить: прямоугольный фрагмент, часть экрана произвольной формы, одно из открытых окон или весь экран.
После того как снимок будет сделан с помощью горячих клавиш, на экране появится уведомление, при нажатии на которое откроется окно с этим изображением. Если вы делали скрин из запущенной программы «Набросок на фрагменте экрана», изображение сразу откроется в ней.
С помощью кнопок на панели сверху вы можете добавить к скриншоту нужные обозначения, а затем сохранить его.
Использование сторонних приложений-скриншотеров
Теперь рассмотрим, как сделать хороший скриншот с помощью сторонних программ. Приложений для создания снимков экрана множество, разберем работу с одним из популярных скриншотеров – Lightshot. Программу можно бесплатно скачать с официального сайта.
Кроме создания снимка экрана, данный скриншотер позволяет добавлять на изображение фигуры и печатать на нем текст.
Пользоваться программой очень просто. После установки в правой части Панели задач в области уведомлений появится значок с изображением пера. По умолчанию съемка скриншота запускается клавишей Print Screen, но, если кликнуть на значок с пером и выбрать команду «Настройки», во вкладке «Горячие клавиши» вы можете задать другие горячие клавиши.
После нажатия горячей клавиши или при щелчке левой кнопкой мыши на значок Lightshot в Панели задач экран слегка потемнеет. Вам необходимо выделить нужную прямоугольную область экрана. После того как вы отпустите кнопку мыши, отобразятся панели с кнопками.
На панели справа можно выбрать инструмент для рисования линий, стрелок, прямоугольных рамок, добавления текста, выбрать цвет этих элементов или отменить последнее действие. Кнопки на нижней панели позволяют загрузить картинку в онлайн-сервис Prntscr, поделиться скрином в социальных сетях, найти похожие изображения в поисковике Google, распечатать скриншот на принтере, скопировать в буфер обмена, сохранить на диске в виде графического файла или закрыть окно программы без сохранения скрина.
Захват экрана на смартфоне
Сделать скрин на смартфоне можно и стандартными средствами мобильной операционной системы, и при помощи специальных приложений.
Чтобы сделать скриншот экрана на устройстве Android, одновременно нажмите кнопки питания и уменьшения громкости. Файл со снимком экрана будет сохранен в «Галерее», в папке «Скриншот». Если на телефоне имеется расположенная под экраном кнопка «Домой», такая есть, к примеру, на некоторых моделях Samsung Galaxy, для съемки скриншота следует одновременно нажать кнопку «Домой» и кнопку питания.
При нажатии указанных клавиш экран мигнет и на нем отобразится сам скриншот, а внизу экрана – панель с кнопками, которые позволяют обрезать картинку, а также нанести на нее надписи или обвести для наглядности части скриншота. Кроме того, можно замазать на снимке какую-либо конфиденциальную информацию: телефон, номер банковской карты и т.п.
Кнопка «Поделиться» позволяет отправить скриншот множеством разных способов: по электронной почте, через соцсети, всевозможные мессенджеры, загрузить в облачное хранилище и т.д.
Отредактировать скриншот или поделиться им можно не только сразу после съемки. Все снимки экрана сохраняются в отдельной папке. Вам просто следует выбрать нужное изображение и нажать на соответствующую кнопку.
Если стандартных возможностей редактирования скриншотов, которые немного отличаются на смартфонах разных производителей, вам недостаточно, в Google Play вы можете найти множество как бесплатных, так и платных программ для записи экрана, предоставляющих более широкие возможности для правки изображения.
Что касается смартфонов Apple iPhone, то на них создание скриншота по умолчанию осуществляется комбинацией клавиш Home + Power.
Как сделать скриншот на компьютере, если нужна картинка определенного размера
Создать картинку нужного разрешения, выделить самое важное, наложить фильтры и поставить подпись – все это можно сделать и без использования сторонних программ. Но про них тоже расскажем.
Бесплатный встроенный инструмент Windows
Сперва разберем те инструменты, которые есть в Windows, а потом – некоторые утилиты сторонних разработчиков.
Скриншот всей области экрана
Чтобы сделать скриншот всей области экрана, вам не нужно устанавливать дополнительное ПО. Просто используйте сочетание горячих клавиш Windows+Print Screen (она же PrtScr):
Преимущество этого способа в том, что сделанный снимок сразу же сохраняется на жесткий диск. Очень ускоряет работу со всеми скриншотами. Минус – нельзя выбрать область экрана.
Сохраненный скриншот ищите в папке с документами. В зависимости от используемой версии Windows, такая папка может называться по-разному. Чаще всего – «Снимки экрана»:
Вот скриншот, который мы открыли в графическом редакторе и обрезали до необходимого размера вручную:
Чтобы сделать скриншот только активного окна, используйте сочетание клавиш Print Screen+Alt. Затем откройте любой графический редактор и вставьте снимок при помощи сочетания горячих клавиш Ctrl+V. Сохраните.
Скриншот заданной области экрана
Для этого можно воспользоваться встроенным инструментом Snip and Sketch («Ножницы»). Он есть во всех последних версиях Windows (7 и более поздние).
Подготовьте область экрана, которую необходимо сфотографировать. Нажмите сочетание горячих клавиш Windows+Shift+S. Инструмент предложит выбрать область экрана для захвата:
Snip and Sketch позволяет захватить экран, используя 4 вида форм: прямоугольный фрагмент, произвольной фрагмент, оконный и полноэкранный фрагмент:
Чаще всего вам будет нужен обычный прямоугольник. Выбираем его, нажимаем правую кнопку, и необходимая нам область экрана копируется в буфер обмена:
Теперь его можно копировать в любой графический редактор и сохранять на жесткий диск.
Бесплатный встроенный инструмент macOS
Чтобы создать скрин на macOs, зажмите комбинацию клавиш Shift + Command + 5. Откроется небольшое меню. Здесь можно настроить скриншот:
Есть дополнительные параметры: место сохранения, таймер (чтобы скрин сделался с задержкой), отображение курсора и так далее.
Чтобы сделать скрин определенного размера, выберите пункт «Снимок выбранной области». Удерживайте любой из ползунков левой кнопкой мыши и растягивайте изображение. чтобы увеличить или уменьшить будущий скрин. Рядом с курсором будет отображаться разрешение скрина – под нужный размер его можно подогнать вручную.
Кстати, когда скрин будет готов, во встроенном фоторедакторе можно выделить нужную область картинки.
Возможны три варианта выделений: с затемнением ненужной области, с обводкой цветом или с увеличением заданной области.
Для этого зайдите в редактор изображений и выберите графическую фигуру:
Lightshot
Lightshot – удобная бесплатная утилита для захвата экрана, которая работает на всех версиях Windows и macOS.
Чтобы сделать скриншот области экрана, устанавливаем и запускаем Lightshot.
Подготавливаем экран и нажимаем Print Screen. Утилита предложит указать область экрана для захвата:
Выделяем необходимую область экрана, зажимая правую кнопку мыши. Приложение автоматически показывает, какое разрешение получится у скрина (левый верхний угол выделения). Чтобы изменить разрешение, увеличьте или уменьшите область выделения:
Если вы сделали некорректный скриншот, нажмите клавишу Escape.
Чтобы сохранить изображение, кликните по иконке:
Все скриншоты Lightshot по умолчанию сохраняет на рабочий стол.
SnagIt
Утилита для захвата скриншотов рабочего стола для Windows и macOS, но с кучей дополнительных возможностей. Программа платная: вечная лицензия обойдется вам в 50 долл. За эти деньги SnagIt научился:
Благодаря SnagIt вы можете скринить веб-страницы целиком, даже если они занимают несколько экранов и требуют прокрутки.
Чтобы сделать скриншот, скачайте и установите SnagIt. Подготовьте область экрана, которую нужно сфотографировать, и нажмите клавишу Print Screen. Откроется вспомогательное окно программы:
Все настройки разнесены по 3-м разделам: режим All-in-one, параметры для скриншотов (Image) и параметры для видео (Video). Так как нам нужно сделать статический скриншот – выбираем Image.
В разделе Image доступно 3 режима: ручной выбор участка, окно целиком, полный экран целиком.
Если нужно сделать скриншот заданного размера, в строке Selection, выбираем значение Region:
Обратите внимание: SnagIt позволяет захватить не только изображение экрана, но и текст отдельно.
Установленная горячая клавиша для скриншота будет отображаться фразу под кнопкой Capture:
Кликаем по кнопке Capture или нажимаем клавишу Print Screen. Выбираем область для захвата изображения. Удобно, что сразу отображается предварительное разрешение скриншота. Делаем скриншот. Находим его по следующему пути: %LOCALAPPDATA%\TechSmith\Snagit\DataStore
Monosnap (расширение для Google Chrome)
Monosnap – популярный инструмент для захвата экрана. Кроме расширения для браузера есть и stand-alone-версия, которая работает не только на Windows, но и на macOS.
В Monosnap доступны только спартанские возможности: можно сделать скриншот полного экрана или его отдельной области. Также есть поддержка меток + можно перенести файлы в облако.
Рассмотрим, как сделать скриншот необходимого размера в Monosnap подробнее.
Скачиваем расширение в Google Chrome. Запускаем. Сразу обратите внимание на иконку в расширениях:
Кликаем по ней правой кнопкой и выбираем пункт «Снимок области страницы»:
Чтобы ускорить работу при захвате выбранной области экрана, воспользуйтесь сочетанием горячих клавиш Shift+Alt+5.
Откроется новое окно, где нужно будет выбрать область экрана для захвата:
Выбираем корректную область и отпускаем клавишу. Откроется новое окно, где нужно нажать «Сохранить» в верхней части экрана:
Обратите внимание на неплохой графический редактор, который есть в Monosnap. Он позволит сразу отредактировать скриншот. Например, удалить с него какие-либо элементы, заблюрить участок изображения, нарисовать линии и другие фигуры.
Monosnap – полностью бесплатный инструмент.
Как подогнать картинку под нужный размер в Photoshop
Сделать скриншот заданного размера несложно, а времени экономит много: не нужно потом заходить в графический редактор и изменять картинку там.
Если вы все же предпочитаете делать снимок всего экрана, а потом кадрировать его, готовьтесь расчехлять «Фотошоп» и изменять размер картинки там. Вот как это можно сделать.
Как изменить размер фото в «Фотошоп»
Запускаем Photoshop и открываем необходимый скриншот. В разделе «Изображения» выбираем пункт «Размер изображения»:
Размер изображения можно выводить в любых удобных единицах, например, в пикселях:
Как видим, можно подогнать текущее изображение под готовые форматы печати (если вы планируете распечатать скриншот в дальнейшем):
Или вручную задать ширину / высоту / разрешение:
Если вам нужно изображение конкретного размера, внимательно подгоняйте под него свою картинку. Если пропорции вашего скрина не соответствуют заданным, картинка исказится.
Как подогнать изображение под заданные пропорции в «Фотошоп»
Выбираем инструмент «Рамка» на панели инструментов Photoshop слева:
Теперь уточняем пропорции. Указываем те, которым должен соответствовать новый вариант скриншота:
Подтверждаем выбранный вариант, нажатием Enter. Сохраняем измененный скриншот как обычно – через функцию «Сохранить как»:
При необходимости уточните формат, качество экспортируемого изображения и другие параметры.
Как подогнать скриншот под необходимый размер
Сперва создайте новый проект:
Укажите необходимый размер изображения:
Нажмите «Ок». Откроется новое рабочее поле заданного размера:
Чтобы подогнать под него уже существующий скриншот, в разделе «Файл» выбираем функцию «Поместить встроенные» или нажимаем Ctrl+V, если только что сделали скрин:
Откроется окно выбора файла. Находим скриншот:
Теперь подгоняем его под наш шаблон, задержав курсор мыши:
Если изображение меньше или больше рабочей области, зажмите курсором одну из четырех угловых точек и растяните картинку. Имейте в виду: лучше не растягивать картинку вверх, вниз или в стороны, чтобы не исказить скрин.
Делаем скриншоты правильно: практические советы
Устройство для снимка экрана на первых компьютерах (Command-Shift-3)
Если вы когда-либо делали хелп или мануал для своего приложения, наверняка вы отметили, как неожиданно много времени и сил занимает создание скриншотов.
В этой статье я расскажу, как правильно делать скриншоты, почему это не просто “два клика” и какие подводные камни встречаются на пути неопытного скриншотера. Рассматривайте ее как чеклист или список практических советов для тех, кто документирует ПО. Надеюсь, это поможет вам избежать разочарований и порадовать юзеров красочными понятными картинками.
Что нужно скриншотить
Нужно:
НЕ нужно:
Процесс создания скриншотов
1. Настройка окружения. Выберите единый стиль окон и шрифтов в вашей ОС. Если интерфейс “резиновый”, определите ширину и высоту окна браузера или программы и не меняйте ее на протяжении съемки.
Лайфхак: Если вы случайно закроете окно, его размеры могут сброситься, и, скорее всего, вы не сможете их точно восстановить. Чтобы не “потерять” размеры, сделайте скриншот окна и всего экрана и обведите уголки окна красным, а потом установите полученный файл в качестве обоев рабочего стола.
Может, кто-нибудь знает более простой и изящный способ?
2. Подготовка данных. Наполните приложение примерами, приближенными к жизни и решающими конкретные пользовательские задачи. Можно продумать несколько случаев: простых, как “хеллоуворлд”, и посложнее, для продвинутых юзеров.
Желательно, чтобы имена объектов и настройки не менялись в пределах одного раздела. Например, в 1-й главе пользователь Ипполит создал заметку “Как готовить рыбу”. А во 2-й главе нужно рассказать о кастомизации заметок. Естественно, лучше рассказывать про то, как Ипполит применяет к уже созданной заметке красную заливку. Такой нехитрый подход напомнит пользователю о предыдущих действиях, а также обеспечит полноту картины.
Не забудьте наполнить вашу систему “реальными” читабельными данными, сделать предварительные настройки, подготовить шаблоны, сделать бэкапы и т.д.
Если вы делаете скриншоты для документации на иностранном языке, проследите, чтобы в кадр не попали “русские” имена (Andrew — ок, Vanja Babushkin — не ок) или надписи на русском языке.
3. Съемка. Тут все зависит от ваших инструментов, но основные рекомендации такие:
а. По возможности снимайте только значимые зоны интерфейса и делайте скриншот как можно компактнее. Так он и на лист А4 поместится, и будет иметь малый размер.
b. Как и при фотографировании, следите за композицией, не отрезайте части элементов по краям скриншота. Постарайтесь делать скриншоты одинаковой ширины и высоты в рамках одного примера.
c. Чтобы сэкономить время, делайте сразу серию скриншотов. На всякий случай можно сделать “лишние”, незапланированные скрины – вдруг пригодятся при переделках или редактировании.
4. Редактирование. Не всегда получается подготовить красивые и разнообразные данные, избежать опечаток или смоделировать определённую ситуацию (ошибка, выход из строя, большой денежный баланс). В таких случаях есть как минимум 2 выхода:
a. Править код и стили страницы в браузере (правый клик > Inspect element и поехали), если речь идет о веб-приложении.
b. Менять надписи, комбинировать блоки из разных скриншотов в графическом редакторе.
Лучше всего уметь и то, и другое и комбинировать эти подходы в зависимости от ситуации.
Хочу отметить, что хотя при редактировании можно добавить к скрину рамку, обрезанные края и тени, лучше это делать стилями в вашем редакторе справки.
5. Сохранение. Давайте скриншотам говорящие уникальные имена, придерживаясь определённого формата, например, general_settings_privacy. Лучше не использовать пробелы и прописные буквы, а также слишком длинные названия. Такой подход гарантирует универсальность и работоспособность при размещении онлайн-справки на различных серверах.
Хранить скриншоты лучше в облаке с поддержкой шаринга, тэгов и версионности. Для удобства поиска лучше разбить папку со скринами на подпапки, соответствующие структуре интерфейса программы.
6. Вставка в текст. Об этом — ниже, в разделе «Оформление».
7. Проверка. Отложите законченный раздел, проверьте его на следующий день. А лучше дайте прочитать текст и посмотреть скриншоты тестировщику или дизайнеру.
Инструменты
Десктоп-инструменты
Плагины для браузеров
Модули HAT программ
Инструменты для создания GIF анимаций
Утилиты для сжатия изображений
Оформление
Продумайте расположение скриншота относительно текста, выравнивание. Если ширина скриншота небольшая, то следует рационально использовать свободное место и настроить обтекание текстом слева или справа.
Чтобы показать динамику, можно сделать комбинированный скриншот:
Если вы вырезали часть окна, то можно показать обрезанный край с неровной кромкой или прозрачностью:
Важные элементы или мелкие детали можно увеличить, чтобы сделать акцент:
Для акцента можно также использовать выделение с помощью цвета – оставить цвет у целевого элемента (панели), а остальные обесцветить:
Добавьте рамки, тени, стрелки, подписи, размытие по вкусу. Главное – соблюдайте единообразие и придерживайтесь ваших стайлгайдов:
И ещё несколько советов.
Старайтесь не вставлять иконки и изображения кнопок в текст, так как высота строки может измениться и верстка будет выглядеть непрофессионально. Лучше подпишите кнопки и иконки цифрами на большом скрине или вставляйте иконки и кнопки в отдельный столбец таблицы.
Переиспользуйте стандартные компоненты (иконки, панели, диалоги). Хороший пример — Confluence Inclusions Library.
Разместите список основных иллюстраций (лучше — со ссылками на иллюстрации) после содержания или в конце мануала.
Если скриншот содержит слишком много данных, попробуйте заменить его прототипом, схемой, таблицей.
Если вы делаете мануал для мобильного приложения, скорее всего, у вас будет очень много скринов. Покажите навигацию между скринами. Так пользователь легче поймет взаимодействие и переходы, даже не читая текст.
Делайте скрины для всех языковых версий ПО одновременно. Тогда при локализации справки вам не понадобится просить переводчика о дополнительных услугах, а техническому писателю не понадобится учить йиксбара, например.
А еще рекомендую прочесть эту статью с очевидными, но полезными советами.
Заключение
А вообще, идеальный скриншот (и мануал в целом) — это тот, который не надо делать. При правильном подходе к UX и UI можно задействовать привычные и очевидные пользователю паттерны навигации и поведения, не нуждающиеся в описании и пояснении.
Будет круто, если в комментариях вы поделитесь своим опытом по поводу создания скриншотов. Инструменты, процесс, размеры, подписи, стили, хранение, автоматизация — интересны любые практические советы!
P.S: Спасибо за статью нашему гуру создания технической документации Александру Зинчуку
Alconost занимается локализацией приложений, игр и сайтов на 60 языков. Переводчики-носители языка, лингвистическое тестирование, облачная платформа с API, непрерывная локализация, менеджеры проектов 24/7, любые форматы строковых ресурсов.
Мы также делаем рекламные и обучающие видеоролики — для сайтов, продающие, имиджевые, рекламные, обучающие, тизеры, эксплейнеры, трейлеры для Google Play и App Store.
Как делать скриншоты в высоком разрешении в Windows 10
Термин разрешение относится к числу пикселей (или точек на дюйм – DPI) на дюйм изображения. Таким образом, более высокое разрешение означает улучшенное качество.
Делайте скриншоты в высоком разрешении в Windows 10
Перейдите в « Настройки », выберите « Система » и затем выберите « Показать ».
Затем в разделе Экран и макет выберите « Расширенные настройки масштабирования ».
Теперь переместите ползунок под заголовком « Позвольте Windows попытаться исправить приложения, чтобы они не были размытыми » с « выкл.» на « на ». Это сделает приложения на вашем главном дисплее лучше.
Кроме того, вы можете ввести нестандартный масштаб в диапазоне от 100 до 500. После этого для дисплеев будет установлен введенный вами размер масштабирования.
У вышеуказанного параметра есть один недостаток – он может привести к тому, что некоторые тексты, приложения и элементы станут нечитаемыми, если дисплей не поддерживает этот размер. Кроме того, может быть трудно вернуться к исходным настройкам.
Если вы используете GIMP, бесплатное программное обеспечение для редактирования фотографий, вы можете улучшить качество снимков экрана.
Затем выберите « Файл » и выберите « Открыть ». Сделав это, выделите скриншот, качество которого вы хотите улучшить.
После этого выберите «Открыть», выберите « Изображение » и установите флажок « Масштабировать изображение ».
Теперь найдите поля разрешения и измените,
Когда закончите, выберите Масштаб ’>« Файл »и« Сохранить ».
Сохраните изменения, когда закончите.
Высокое или повышенное разрешение может существенно повлиять на качество изображения на скриншоте.
Надеюсь, вам понравится этот совет!
PS : Gimphoto и GIMPshop поставляются с GIMP, загруженным некоторыми полезными плагинами и ресурсами. Вы можете использовать один из них тоже.