Как сделать лучше качество скриншота
Как повысить качество скриншота?
Функция снимка экрана может понадобиться в разных ситуациях. Пользователи всегда стремятся получить качественное изображение. Рассмотрим факторы, влияющие на данный параметр.
От чего зависит качество скриншота?
Необходимо позаботиться о том, чтобы получатель снимка смог понять происходящее на нем, а также о возможности улучшения качества и сокращения времени работы над картинкой. Для этого нужно знать следующие нюансы:
Какой выбрать скриншотер?
Существует разнообразие приложений, помогающих сделать качественный скриншот. У каждого из них имеются особенности, полезные разным категориям пользователей. Часть программ использует загрузку на облачные сервисы, хранящие скриншоты в интернете.
Детально ознакомившись с утилитой и встроенными возможностями, переходят к загрузке программы.
Почему скрин меняет качество?
Сжатие без потерь используется, когда важна идентичность полученных данных оригиналу.
Улучшаем качество скриншота
Для повышения степени ценности изображения при его создании нужно придерживаться следующих рекомендаций:
Сохраняем скриншот без потери качества
Загрузка графического файла данного типа осуществляется путем выполнения совокупности действий (для примера взята стандартная утилита Windows – «Ножницы»):
Какой выбрать редактор?
Выбор зависит от предпочтений и нужд пользователя, его стремления улучшить скриншот, поэтому рекомендуется ознакомиться с функционалом графического редактора перед его использованием.
Если нужны стандартные инструменты (кисти, фигуры или линии), тогда подойдет и приложение «Paint», встроенное в пакет программ Windows.
Если для создания скриншотов нужны расширенные возможности (скрыть личную информацию, изменять текст на изображении и проч.), то можно выполнить загрузку бесплатной утилиты Paint.NET или приобрести Adobe Photoshop.
Также имеет смысл загрузить скриншотер с интегрированным графическим редактором. В интернете их большое количество: Lightshot, Greenshot, Скриншотер.рф и др. В действительности, они имеют немного меньший функционал, чем Photoshop, но вполне подходят для меток на скриншоте.
Формат сохраняемого изображения
При экспорте снимка у пользователей может возникнуть вопрос, связанный с выбором расширения в меню «Тип файла». Изучив 3 основных вида, можно уверенно использовать их в случае необходимости.
Расставляем акценты на снимке
Если скриншот выполнен качественно, то получатель без проблем поймет, что хотел до него донести отправитель. Для этого нужно учитывать некоторые отдельные детали, описанные ниже.
Пропорция и симметрия
При обработке изображения нужно аккуратно выделять объект, на котором пользователь хочет акцентировать внимание (пример см. на иллюстрации).
Отображение курсора
Обычно в опциях имеется такая функция. Ее рекомендуется деактивировать. В приложениях «Lightshot» и «Screen Shooter» она находится во вкладке «Параметры».
Выделяем элементы на картинке
Можно обозначить деталь, требующую внимания получателя. Для этого следует загрузить графический редактор или открыть скриншотер, после чего воспользоваться алгоритмом:
Показываем последовательность действий
Чтобы отобразить алгоритм на иллюстрации, нужно воспользоваться приложенной ниже инструкцией:
Чтобы делать качественные скриншоты, необходимы определенные знания и навыки. Программы-скриншотеры ускоряют данный процесс, делая его легче и быстрее.
Как сделать хороший скриншот
Казалось бы, что может быть проще, чем сделать скриншот? Но друзья, партнеры и клиенты часто присылают скриншоты плохого качества, маленькие и залитые на домены с множеством рекламы. Все это отвлекает от сути.
Бесит, не правда ли?
1. Настройте скриншотер
Для создания скриншотов я использую бесплатную программу KiberInfinity’s Screen Shooter. Многие коллеги используют Monosnap (с его помощью также можно делать гифки).
1.1. Выгружайте в PNG
При сохранении в формате JPEG изображения сжимаются, поэтому скриншоты часто получаются размытыми и нечеткими.
Все дело в особенностях пикселей и альфа-каналах — если интересно, читайте подробности на Хабре.
Настройте сохранение в PNG по умолчанию. Для этого кликните правой кнопкой мышки по иконке скриншотера, перейдите в настройки и выберите нужный формат:
Формат можно поменять непосредственно перед сохранением скриншота:
1.2. Избегайте внешних серверов
Внешние серверы часто имеют ограниченный срок хранения изображения. Увы, был не очень веселый опыт, когда пришлось переделывать практически все скриншоты к статье — пока редактировали текст, иллюстрации стали недоступны.
Надежнее настроить загрузку в FTP, или просто сохранить скриншоты на компьютер. Этот подход лучше и в плане безопасности данных.
1.3. Отключите отображение курсора
Если вы с помощью курсора показываете, на какую кнопку нужно кликнуть, — это допустимо. Но в других случаях курсора на картинке быть не должно.
Двойной курсор на скриншоте — ад перфекциониста
Чтобы раз и навсегда избавиться от этой проблемы, снимите галочку напротив пункта «Делать снимок экрана с курсором» в настройках скриншотера:
1.4. Используйте горячие клавиши
Горячие клавиши значительно ускорят работу. По умолчанию кнопка Print Screen позволит сделать снимок всего экрана, но чаще всего нужен не весь экран, а только определенный фрагмент. Установите в настройках скриншотера комбинацию горячих клавиш, которую вы будете использовать для снимка области:
2. Управляйте вниманием читателя
Не заставляйте читателя всматриваться в иллюстрации, чтобы разобраться, куда следует нажать или перейти. Выделяйте и нумеруйте нужные элементы, чтобы даже новичку было понятно что к чему.
Используйте любые средства выделения с умом и чувством меры: вы оставляете подсказки для пользователей, а не сигнализируете о смертельной опасности. Нужна определенная логика и эстетика.
2.1. Как выделить один элемент на странице?
Чтобы обратить внимание на какую-то кнопку или графу, выделите элемент с помощью рамки, или поставьте стрелку:
Не используйте два типа выделения одновременно, такой подход оправдывает себя, только если объект очень незаметный.
Если на скриншоте простая форма, где не нужно объяснять каждое поле, можно вообще ничего не выделять
2.2. Как показать последовательность действий?
Чтобы показать цепочку из нескольких шагов, используйте стрелки или цифры. Предпочтение отдавайте стрелкам, так последовательность будет более наглядной:
2.3. Когда не стоит использовать стрелки?
В некоторых ситуациях лучше показывать последовательность цифрами. Если элементы расположены слишком близко друг к другу или, наоборот, далеко, стрелки будут выглядеть некрасиво:
Нужные элементы находятся слишком близко
Вести стрелку через весь экран нецелесообразно
Также стрелки плохо смотрятся, когда на одном скриншоте много выделенных элементов:
2.4. Не стройте слишком длинные последовательности
Будьте осторожны с цифрами — в краткосрочной памяти сложно удерживать более трех объектов одновременно.
При использовании подобных скриншотов в статье придется следить, чтобы последовательность совпадала с текстом публикации. Достаточно добавить один пункт в текст — и придется переделывать все скриншоты.
Например, здесь автор собрал длинную последовательность (показываем только часть):
При подготовке текста к публикации решили разбить скриншот на несколько блоков. Так проще воспринимать информацию, к тому же описание действия под скриншотом позволяет составить более полную и подробную картину.
2.5. Как выделить несколько объектов?
Если вы описываете не последовательность, а несколько отдельных элементов, используйте цифры, но помните, что в тексте должно быть соответствующее объяснение:
Также можно использовать стрелки с краткими подписями:
2.6. Группируйте однотипные действия и элементы
Картинки и скриншоты помогают упростить восприятие информации, но если вы пытаетесь выделить сразу много объектов, легко всех запутать, или запутаться самому.
В ситуациях, когда нецелесообразно разбивать скриншот на несколько, — ищите, какие элементы можно объединить в одну группу:
Так информация воспринимается проще и более структурировано.
3. Соблюдайте гармонию
3.1. Позаботьтесь о деталях
Логотип, окно с указанием периода, сопутствующие колонки на скриншоте могут быть важны для понимания и воспроизведения алгоритма действий. Часто к этим элементам относятся небрежно:
3.2. Унифицируйте выделения
Все выделения и символы в конкретной статье или отчете должны быть в едином стиле.
Обращайте внимание на толщину линий:
Цветовое разнообразие никто не оценит:
Если вы начинаете использовать разные оттенки без всякой логики, это сбивает с толку.
3.3. Пропорция и симметрия
Этот пункт для эстетов. Выравнивайте текст по одной стороне, аккуратно и симметрично обводите кнопки рамкой. — благодаря подобным мелочам можно получить аккуратную картинку:
Если хотите лучше понимать информационный дизайн, пройдите бесплатный курс по визуализации данных от Prometheus. Курс ориентирован на тех, кто будет работать с инфографикой, но короткие и понятные видео с общими советами обязательно пригодятся.
4. Помните о конфиденциальности
Некоторые детали лучше сохранять в тайне, например, идентификаторы аккаунтов или данные о доходе клиента. Для этого в скриншотере можно воспользоваться инструментом «Размытие»:
Если пишете, например, мануал по Google Analytics, делайте скриншот в тестовом аккаунте Google. Конфиденциальные данные ваших клиентов будут в безопасности, а вы сэкономите время.
Выводы
На скриншотах все должно быть красиво и логично, вне зависимости от того, кому вы их показываете: начальнику, другу или многотысячной аудитории блога. Все любят, когда о них немного заботятся.
Как делать лучшие скриншоты на PC?
Шаг 1. Подготовка. Выкручиваем настройки графики на максимум
Отправная точка идеального скриншота — выкрутить максимально возможные настройки графики, чтобы выжать максимальную детализацию из вашей видеокарты, возможно, даже заставить ее рендерить изображение в большем разрешении, чем способен ваш монитор.
Но покупать новый монитор не обязательно. нам поможет процесс под названием даунсэмплинг, он же Virtual Super Resolution (AMD) он же Dynamic Super Resolution (Nvidia).
На видеокартах Nvidia необходимо сначала включить поддержку DSR в Nvidia Control Panel, а у AMD нужно активировать VSR в настройках Radeon. Также существует утилита от моддера Durante под названием GeDoSaTo, она работает с большинством игр на DirectX 9.
Шаг 2. Подготовка. Используем правильную программу для захвата скриншотов
Большинство признанных мастеров скриншотов выбирают MSI Afterburner. Эта программа используется для разгона, но также она умеет снимать скриншоты в чистом PNG без потерь и сжатия.
Также можно использовать GeForce Experience или Windows DVR. Первый умеет сразу загружать скриншоты на Imgur, а второй предустановлен в Windows 10 и гарантированно работает со всеми приложениями.
Суть в том, чтобы захватывать скриншоты в максимально возможном разрешении и размере. Потом их можно сжать, а вот улучшить качество уже не получится.
Шаг 3. Ищем правильный угол
Для идеального скриншота вашей любимой игры вам нужен полный контроль над камерой, чтобы располагать ее так, как нужно вам, а не возможно в игре. Единого инструмента для этого не существует, так как каждая игра имеет собственную систему управления камерой.
Моды и программы для контроля над камерой ищите на HattiWatti. Если того, что вам нужно, там нет, придется опуститься в глубины CheatEngine, который предназначен для создания читов, но также позволяет свободно перемещать камеру и скрывать интерфейс.
Как именно пользоваться CheatEngine — вопрос для другого гайда.
Шаг 4. Учимся смотреть на мир (виртуальный) как фотограф
Статья отсылает к нескольким авторитетным англоязычным источникам, которые помогут освоить азы фотографии:
Или можете поискать русскоязычные самоучители фотографии в Интернете.
Шаг 5. Постобработка графики
Зачем делать скриншот просто красивой игры, если картинку можно сделать еще лучше? Для этого придется озаботиться настройкой постобработки графики вашей игры. Лучшим софтом в этом деле общепризнанно является SweetFX,
Ну все, теперь можно наконец сделать скриншот!
Шаг 6. Обработка готовых скриншотов и загрузка в Сеть
Щелчком затвора процесс создания идеального скриншота не заканчивается. Теперь нам предстоит обработка получившихся снимков.
Здесь ваш первый помощник — Photoshop, но если у вас нет этой программы, не расстраивайтесь. На замену вполне сгодятся бесплатные GIMP и веб-редактор Pixlr. Впрочем, удачные снимки можно выкладывать и без обработки.
Но куда? Тот же Imgur будет сжимать ваши фото, и они будут непременно терять в качестве, так что лучше завести себе галерею на Flickr.
Как быстро и бесплатно сделать качественный скриншот: 7 правил и 7 инструментов
Делать скриншоты приходится чуть ли не каждый день, чтобы:
Если использовать для этого связку Print Scrn и Paint, уйдет много времени на обрезку, редактирование и сохранение файла. А лишнего времени нет ни у специалиста, ни у обычного пользователя. Поэтому разбираемся, как делать скриншоты быстро и бесплатно.
7 правил грамотной работы со скриншотами
Оставлять «воздух»
Дизайн — это не только графические объекты и шрифты, но и негативное пространство, то есть пустота между ними. Если лепить все в кучу и нагромождать, получится некрасиво, будет плохо восприниматься информация. Скриншот тоже часть дизайна, поэтому не стоит бояться отодвигать границы снимка от объектов.
Здесь оставили место — смотрится хорошо
Тут прошли очень близко к элементам, из-за этого они сливаются с фоном
Соблюдать симметрию
Симметрия — основа устойчивости в природе, можно сказать, синоним красоты и гармонии. Если вы оставляете разный «воздух» со всех сторон или неаккуратно обводите что-то рамкой, читателю может быть дискомфортно.
А вот так уже немного больно
Не обрезать цельное
Бывает, что нужно сфотографировать небольшой фрагмент экрана, но сделать это мешают другие элементы (кнопки, баннеры, тексты или др.). Некоторых это не останавливает и они грубо обрезают их — результат выглядит небрежно.
Текст справа некрасиво обрезался
В то же время, если поменять границы снимка, могут помешать другие элементы, потеряется важная информация или сам объект скриншотинга станет не очень заметным. В таких случаях можно:
Тут уже немного поменяли масштаб и обошлись без грубой обрезки
Убирать лишнее
Если вы иллюстрируете инструкцию по какому-то инструменту, читателю ни к чему отвлекаться и смотреть, какие у вас открыты вкладки в браузере или приложения в трее. А так обязательно произойдет, когда вы скриншотите целый экран вместо его части.
Не доверяйте встроенной обрезке Google Docs — при выгрузке картинки в файл все равно сохранится полная версия. Лучше сразу делайте скриншот нужной области экрана.
Лишняя информация мешает донести главную
А вот так можно лучше рассмотреть сайт
Выделять важное
Если на скриншоте много элементов, а требуется акцентировать внимание читателя на каких-то отдельных — пригодится цветное выделение. Самое простое и популярное решение: линии, прямоугольники и стрелки красного цвета. Соответствующий инструментарий есть почти в каждом специализированном сервисе для создания скриншотов.
Новичку сложно сразу сориентироваться, куда смотреть
Пример того, как можно выделить важное на скриншоте
А вот отображение курсора лучше отключать в настройках: как правило, он только мешает, а когда надо — мало заметен.
Замазывать конфиденциальное
Если вы сделаете скриншоты из рекламного кабинета или системы аналитики клиента, а потом открыто выложите их в свой блог или соцсети — могут быть серьезные проблемы с репутацией. Если напишете подборку ужасных сайтов, каналов или постов, при этом оставите названия, адреса, имена — тоже может быть скандал. Поэтому всю чувствительную конфиденциальную информацию (особенно логины, пароли, ID и т. п.) стоит замазывать.
Тут, например, видна вся статистика, но замазаны лучшие видео, иконка и название канала
Подписывать изображения
В подписях к скриншотам можно передать дополнительную информацию, которая поможет лучше раскрыть тему и решить задачу читателей. Особенно они пригодятся, если картинки по каким-то причинам не загрузятся. Кстати, текстовое окружение скриншотов будет способствовать SEO — оптимизации под поиск, привлечению трафика из Яндекса/Гугла.
Когда скриншот не особо понятный, выручают подписи
7 бесплатных инструментов скриншотинга для компьютера и телефона
Joxi — удобная десктопная программа для скриншотов. Работает на Windows, Mac, Linux. Есть плагины для Chrome, Яндекса, Opera.
Стандартных бесплатных возможностей в целом достаточно. Если же вы хотите получать прямую ссылку на картинку, расширить место на диске с 1 до 3 Гб или хранить файлы на FTP/Dropbox — придется купить подписку за 399 руб. в год. Также ее оплата убирает рекламу.
Lightshot
Lightshot — еще одно десктопное ПО, чтобы делать скриншоты. Поддерживает Windows и Mac. Плюс есть плагины для браузеров Chrome, IE, Firefox, Opera.
Функциональность похожая на Joxi:
Так работает создание скриншотов с помощью Lightshot
Инструмент абсолютно бесплатный.
Monosnap
Monosnap — программа не только для скриншотинга, но и для скринкастинга. Работает под Windows и Mac, есть плагин Chrome.
Пример, как работает Monosnap
Скриншотер
Скриншотер — простой аналог вышеперечисленных программ для компьютеров. Работает с Windows и Chrome.
Пятиминутный обзор программы
Инструмент бесплатный, платных подписок и рекламы нет.
Fireshot
Fireshot — браузерный инструмент для создания скриншотов. Работает с Opera, Mozilla, Chrome, Яндексом, IE и др.
Что вы можете делать с помощью Fireshot:
Видеоинструкция, как снимать конкретные элементы с Fireshot
Awesome Screenshot
Awesome Screenshot — плагин для записи скриншотов и видео с экрана. Только для Chrome.
Быстрый обзор Awesome Screenshot
Screenshot Touch
Screenshot Touch — приложения для Android, чтобы быстро и бесплатно делать скриншоты с мобильного устройства (это тоже часто нужно для рабочих задач).
Так работает Screenshot Touch
Чтобы избавиться от рекламы и подключить интеграцию с Google Drive, придется купить подписку за 300 руб.
Хотите разбираться, развиваться и больше зарабатывать в интернет-маркетинге — приходите учиться в Cybermarketing. У нас есть вебинары, онлайн- и очные курсы по SEO, контекстной рекламе, таргетинге, SMM, веб-аналитике, созданию сайтов и не только.