Как повысить качество скриншота

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

• Формат. При загрузке файла настоятельно рекомендуется выбирать расширение PNG, а не JPEG. Последний формат сжимает картинку с потерями (иногда существенными), поэтому, чтобы получатель смог рассмотреть все детали, при сохранении скрина нужно указывать тип PNG.
• Нанесение меток. Это необходимо, чтобы получатель долго не всматривался в иллюстрацию и пытался понять, что отправитель хотел донести до него. Для этого используются маркер для выделения важного текста, указательная линия и прочие инструменты.

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

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

1. не перегружать композицию иллюстрации тем, что не требует пояснения. Если сайт или сервис обладает понятным интерфейсом, то читатель самостоятельно сможет разобраться в порядке выполняемых действий. Поэтому на картинках необходимо демонстрировать действительно сложные этапы, на которых существует риск ошибиться или не найти элемент интерфейса;
2. иллюстрировать наиболее значимую информацию, не спамить ненужными скриншотами в тексте. Если скриншотов в инструкции будет слишком много, посетитель сайта может не дочитать ее до конца;
3. не захламлять скриншот лишними элементами: предпочтительно обрезать рабочий стол, панель уведомлений, рекламные объявления, закладки в браузере и прочий мусор, который не относится к решению вопроса. Рекомендуется создавать скриншот только области приложения.
4. изображенное на скриншоте должно иметь крупный размер, а надписи – быть читаемыми, чтобы все можно было разглядеть без приближения. Но при этом должно быть понятно расположение рассматриваемого раздела в структуре сайта;
5. выделять контрастные элементы, чтобы акцентировать внимание на важном: например, показывать стрелочкой, обводить в рамку, подчеркивать маркером или использовать затемнение;

Универсальный способ сделать скриншот
на любом компьютере: ФотоСКРИН

ФотоСКРИН — это многофункциональное средство для создания скринов на ПК и на ноутбуках HP, Леново, Acer, Asus, Samsung и других фирм. Отличием программы является расширенное редактирование, благодаря чему картинку можно подготовить для любой цели, например, добавить пометки, скрыть ненужные фрагменты, наложить графические элементы. Созданные рисунки можно отправить на жесткий диск или загрузить онлайн и создать общедоступную ссылку.

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

Установка ПО

Скачайте ФотоСКРИН — это полностью бесплатно и не требует регистрации. Чтобы установить скриншотер, запустите инсталлятор двойным щелчком и следуйте подсказкам установщика.

Создание скрина

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

Захват выбранного участка в программе ФотоСКРИН

Если вы работаете в полноэкранном режиме, можно сделать снимок экрана на компьютере сочетанием Shift + Print Screen. Таким образом вы сфотографируете весь монитор. Чтобы в этом режиме создать обрезанный скрин, передвигайте границы окна захвата. Также вы можете запустить ручной режим, нажав принтскрин.

7 правил грамотной работы со скриншотами

Оставлять «воздух»

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

Здесь оставили место — смотрится хорошо

Тут прошли очень близко к элементам, из-за этого они сливаются с фоном

Соблюдать симметрию

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

Так нормально

А вот так уже немного больно

Не обрезать цельное

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

Текст справа некрасиво обрезался

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

• Попробовать другой масштаб («Ctrl +»/«Ctrl -»), чтобы элементы иначе расположились на экране.
• Аккуратно отредактировать готовый скриншот, например, замазать обрезанный фрагмент в цвет фона.

Тут уже немного поменяли масштаб и обошлись без грубой обрезки

Убирать лишнее

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

Не доверяйте встроенной обрезке Google Docs — при выгрузке картинки в файл все равно сохранится полная версия. Лучше сразу делайте скриншот нужной области экрана.

Лишняя информация мешает донести главную

А вот так можно лучше рассмотреть сайт

Выделять важное

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

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

Пример того, как можно выделить важное на скриншоте

А вот отображение курсора лучше отключать в настройках: как правило, он только мешает, а когда надо — мало заметен.

Замазывать конфиденциальное

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

Тут, например, видна вся статистика, но замазаны лучшие видео, иконка и название канала

Подписывать изображения

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

Когда скриншот не особо понятный, выручают подписи

Выводы

1. Настройте скриншотер:

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

1. Управляйте вниманием читателей:

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

1. Соблюдайте гармонию:

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

1. Помните о конфиденциальности и «размывайте» все тайное.

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

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

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

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

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

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

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

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

Сторонние программы

Если стандартных способов вам мало, можете попробовать эти инструменты с дополнительными функциями.

1. Nimbus Capture

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

А ещё в Nimbus Capture вы можете редактировать изображения и сохранять их прямо в Google Drive. Плюс ко всему плагин умеет записывать видео экрана.

Чтобы сделать скриншот, достаточно кликнуть по кнопке Nimbus Capture на панели браузера и выбрать область экрана. Вы также можете настроить горячие клавиши и формат снимков: PNG или JPG.

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