Как улучшить качество скриншота на компьютере
Перейти к содержимому

Как улучшить качество скриншота на компьютере

  • автор:

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

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

Бесит, не правда ли?

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

Для создания скриншотов я использую бесплатную программу KiberInfinity’s Screen Shooter. Многие коллеги используют Monosnap (с его помощью также можно делать гифки).

1.1. Выгружайте в PNG

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

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

Формат можно поменять непосредственно перед сохранением скриншота:

1.2. Избегайте внешних серверов

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

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

1.3. Отключите отображение курсора

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

Двойной курсор на скриншоте — ад перфекциониста

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

1.4. Используйте горячие клавиши

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

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

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

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

2.1. Как выделить один элемент на странице

Чтобы обратить внимание на какую-то кнопку или графу, выделите элемент с помощью рамки, или поставьте стрелку:

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

Если на скриншоте простая форма, где не нужно объяснять каждое поле, можно вообще ничего не выделять.

https://images.netpeak.net/blog/prostaa-forma.png

2.2. Как показать последовательность действий?

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

2.3. Когда не стоит использовать стрелки

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

Нужные элементы находятся слишком близко

Вести стрелку через весь экран нецелесообразно

Также стрелки плохо смотрятся, когда на одном скриншоте много выделенных элементов:

2.4. Не стройте слишком длинные последовательности

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

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

Например, здесь автор собрал длинную последовательность (показываем только часть):

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

2.5. Как выделить несколько объектов

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

Также можно использовать стрелки с краткими подписями:

2.6. Группируйте однотипные действия и элементы

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

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

Так информация воспринимается проще и более структурировано.

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

3.1. Позаботьтесь о деталях

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

3.2. Унифицируйте выделения

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

Обращайте внимание на толщину линий:

Цветовое разнообразие никто не оценит:

Если вы начинаете использовать разные оттенки без всякой логики, это сбивает с толку.

3.3. Пропорция и симметрия

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

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

4. Помните о конфиденциальности

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

Если пишете, например, мануал по Google Analytics, делайте скриншот в тестовом аккаунте Google. Конфиденциальные данные ваших клиентов будут в безопасности, а вы сэкономите время.

Выводы

  1. Выгружайте в формате PNG, чтобы изображения были четкими и качественными.
  2. Сохраняйте изображения на внутреннем сервере или компьютере.
  3. Отключите отображение курсора, чтобы он не портил скриншоты.
  4. Іспользуйте горячие клавиши для снимка части экрана.

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

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

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

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

Развиваю PPC в компании ЛУН. Делюсь интересными мыслями и находками в моем уютном телеграмм-канале PPC Unicorns (https://t.me/ppcunicorns).

Работала в Netpeak в 2015–2017 годах, занималась контекстной рекламой и публикациями для блога в рубрике «PPC».

Узнайте больше

112

Как сделать скриншот высокого качества?

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

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

OS Windows 7, при вырезании ножницами — тоже самое.

  • Вопрос задан более трёх лет назад
  • 138403 просмотра

1 комментарий

Оценить 1 комментарий

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

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

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

Как проявляется нечеткость / размытость

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

В чем причина

Причиной нечеткого текста и размытых значков на втором снимке является включенное в ОС Windows масштабирование элементов интерфейса – второй снимок сделан при 125%. Если рассмотреть окно настроек экрана в Windows 7 при таком масштабировании, проблема нечеткости и размытости также проявляется, но не везде и не так явно. В Windows 10 наблюдаем аналогичную картину при масштабировании 125%. В окнах ОС искажения также менее заметны, в том числе из-за плоского интерфейса.

По-человечески ситуация понятна. Стремление к мобильности определяет выбор компактного, легкого и мощного ноутбука с экраном в 13 дюймов. Лидирующее сегодня разрешение 1920х1080 на таком экране — это очень и очень мелко. Для комфортной работы стационарное рабочее место оснащается качественным монитором высокого разрешения, на котором 1920х1080 комфортно для глаз. А для удобства чтения с экрана без монитора используется масштабирование на уровне ОС.

Способы решения

Рассмотрим 2 основных способа решения данной проблемы.

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

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

2. Отключить масштабирование в ОС на время создания скриншотов.

Если первый способ решения не помог, нужно отключить масштабирование на уровне ОС. Но работать с «мелким» экраном не всегда удобно. Как вариант, можно и использовать масштабирование в отдельных программах. Так, браузер Mozilla Firefox поддерживает отдельное масштабирование текста и рисунков. В Help and Manual можно сделать пользовательский интерфейс покрупней, а также увеличить текст в редакторе, не зависимо от настроек операционной системы – этому посвящен отдельный материал Как сделать интерфейс Help+Manual 7 покрупней.

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

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

Как сделать качественный скриншот с компьютера и смартфона

У пользователей часто возникает вопрос: «Как сделать качественный скриншот экрана?». Главная проблема заключается в качестве изображения и в том, что люди подолгу ищут рабочий метод по захвату скрина. В этой статье мы собрали лучшие способы по созданию изображений с компьютера и мобильного телефона. А также вы найдете здесь советы по правильному оформлению полученных картинок.

Содержание:
  • Скриншот: что это и для чего
  • Как сделать качественный скриншот экрана на компьютере
  • Как сделать качественный скриншот из видео
  • Как сделать качественный скриншот экрана на телефоне
  • Как делать скриншоты электронного письма
  • Как оформить скриншот
  • Заключение

Скриншот: что это и для чего

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

Скриншоты используются в разных целях:

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

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

Сохраняйте скриншоты рассылок

В поисках вдохновения для своих email рассылок? Используйте бесплатное расширение, чтобы сохранить понравившееся письмо из почты Gmail в формате PDF, PNG или HTML.

Формат скриншота

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

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

JPEG — этот формат сжимает изображение с определенными потерями в качестве.

GIF — формат, который поддерживает прозрачность и анимацию. Данные сжимаются без потери качества.

Если для вас важно сохранить качество скриншота — используйте формат PNG. Чтобы конвертировать файл JPEG в PNG, загрузите исходник в сервис Online-Convert, выберите желаемое качество изображения и сохраните скриншот к себе на ПК.

Как сделать качественный скриншот экрана на компьютере

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

Стандартные программы-скриншотеры

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

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

Стандартное приложение Windows. Разработчики обещают с новым обновлением Win10 удалить эту программу и перенести все возможности в «Набросок на фрагменте экрана».

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

Чтобы включить программу «Ножницы», зайдите в меню «Пуск» — «Стандартные Windows» и найдите из списка нужный вариант. По-другому программу можно найти через поиск в панеле задач: вводите название приложения и нажимаете на открывшуюся иконку.

На скриншоте показан экран ноутбука с открытой программой «Ножницы»:

Пример работы «Ножниц» в Win10

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

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

Скриншот экрана ноутбука с программой «Набросок на фрагменте экрана»:

Пример работы скриншотера на Win10

Чтобы сделать скриншот, нажмите сочетание клавиш: Win + Shift + S или зайдите в программу через «Пуск».

Результат выбора произвольного фрагмента:

Выбор произвольного фрагмента и его редактирование

Автоматизация email рассылок

Отправляйте цепочки триггерных сообщений приветствия, брошенной корзины, реактивации, совмещая внутри одной цепочки email, SMS и web push.

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

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

Включение функции Print Screen на Win10:

Используйте Print Screen, чтобы создать скрин

Сочетание клавиш для видеоигр в параметрах Win10:

Настройка горячих клавиш на ПК

Win/Fn + PrtScr

Сочетание клавиш: Win + PrtScr на компьютере и Fn + PrtSc для ноутбука.

Сочетание кнопок показано на клавиатуре:

Сочетание клавиш Win/Fn + PrtSc

Это самый простой способ сделать скриншот, если вы не пользуетесь программами. Снимок сохраняется в папке «Изображения» или «Снимки экрана» в формате PNG.

PrtSc + Paint

Клавиша Print Screen автоматически делает снимок экрана, но эта функция не открывает приложение, в котором можно было бы работать с полученным изображением. Система даже не сохранит ваш скрин, а только скопирует в буфер обмена. Включаем Paint (стандартная программа Windows) и нажимаем на кнопку «Вставить» либо используем сочетание клавиш: Ctrl + V.

Важно! Paint можно заменить любым другим редактором, которым вы привыкли пользоваться.

Пример работы Paint

Alt + PrtScr

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

Сочетание кнопок показано на клавиатуре:

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

Пример работы сочетания клавиш:

Скрин активного окна в графическом редакторе

Важно! О том, какие горячие клавиши используются для продукции Apple, прочитайте в справке по компьютерам Mac.

Внешние программы-скриншотеры

В интернете можно найти большое количество скриншотеров. Мы в работе пользуемся: Monosnap, LightShot, Joxi.

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

Monosnap может сделать скрин всего экрана, фрагмента, снимок всей страницы или только ее части, а также вести запись видео.

Функции скриншотера Monosnap в браузерной версии

Возможности программы на ПК с горячими клавишами:

Возможности программы на ПК

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

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

Параметры сохранения изображений и шаблонов имени:

Настройки загрузки скриншотов и шаблонов названий

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

Выбор действий после создания скрина

Выбор формата и сочетание клавиш:

Настройки формата и быстрых кнопок

Настройка записи видео

Параметры для записи видео — формат, качество и количество кадров в секунду:

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

Настройка, которая убирает курсор с изображения

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

Главная страница сервиса

Преимущество — очень простой интерфейс. Инструкция на главной странице.

  1. Перейдите в окно, которое вы хотите снять.
  2. Нажмите Alt+Print Screen.
  3. Вернитесь на главную Snaggy.
  4. Нажмите Ctrl+V, чтобы загрузить изображение — и получите ссылку.
  5. При необходимости отредактируйте скриншот с помощью встроенных инструментов Snaggy. Редактор позволяет обрезать картинку, добавить текст или нарисовать что-нибудь на ней. Поддерживаются горячие клавиши.

Недостаток Snaggy — большое количество рекламы.

Результат работы сервиса на примере случайной страницы сайта.

Скрин и ссылки, сделанные благодаря Snaggy

С помощью функции браузера «Просмотреть код»

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

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

  • Зайдите на страницу, на которой нужно сделать скриншот.
  • Нажмите правую кнопку мыши или используйте клавиши Ctrl+Shift+I, в появившемся меню выберите параметр «Просмотреть код».

Расположение функции «Просмотреть код»

  • Далее следуйте инструкциям из видео:

Настройки скриншотов в видеоплеере

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

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

Скриншот из видео на YouTube

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

Пример того, как сделать качественный скриншот ролика через Screenshot YouTube:

Главная страница расширения SendPulse

  • Выбор форматов для сохранения скриншота— PDF, PNG, HTML.
  • Прост в использовании.
  • Письмо загружается в высоком разрешении.
  • Не нужно обрезать лишние края.

Ниже показан принцип работы с расширением от SendPulse:

Пример хорошего и плохого скриншота

Советы:

  • Текст или изображение не должны наезжать на край.
  • Централизуйте картинку, чтобы края были одинаковые со всех сторон.

А здесь показаны правильные и неправильные варианты обрезки краев скриншота.

Изображение обрезано точно по краям:

Правильный вариант обрезки изображений

А здесь скриншоты обрезаны криво. В обоих случаях на скриншоте фон неоднородный — не дает читателю сфокусироваться на основной картинке.

Плохой вариант захвата скринов

Как выделить элементы на скриншоте

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

Вы можете добавить оформление в любом графическом редакторе или внешнем скриншотере.

Например, в программе Monosnap можно сделать выделение области на общем фоне. Чтобы включить эту функцию, зажмите Alt и наведите на объект. В обзоре показываем, как это работает:

Оформление таблицы

Оформление таблицы

А теперь рассмотрим тот же пример, но с неправильным оформлением — бессмысленные стрелки, нечеткое выделение элементов, закрашенные данные и красные линии перекрывают информацию.

Пример плохого оформления скриншота

Рекомендации по оформлению скриншота:

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

Заключение

В этой статье мы рассмотрели эффективные варианты захвата изображения. Вам остается лишь выбрать те, которые вам больше нравятся.

Итоги:

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

Используйте полученную информацию и создавайте качественные рассылки с помощью сервиса SendPulse!

Добавить комментарий

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