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

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

Начал публиковаться на Я.Дзене и тематика предполагает активное использование скриншотов.
Скриншотю FHD изображение экрана из которого вырезается 20-50% информации. Естественно, итоговое качество глаз не очень то радует.

Есть способы повысить качество?
Грубо говоря, надо сделать так, чтобы жалкие 700*500 пикселей изображения стали смотрибельны на 5-6 дюймовом экране современного смартфона.

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

Комментировать
Решения вопроса 0
Ответы на вопрос 2

Вы говорите об очень субъективных вещах, но я всё же попробую дать вам общее направление.
Когда вы берёте скриншот, снятый с экрана со стандартной плотностью пикселей (не retina и не 4k, а 75..96 dpi), а потом показываете его пиксель в пиксель на экране телефона или на экране с высокой плотностью пикселей, он выглядит слишком мелким. Решение, которое сходу приходит в голову людям — растянуть скриншот уже в вёрстке. Либо на полную ширину контента, либо в два раза. И хотя второй вариант — логичнее, но он не лучше первого, потому что скриншот нельзя увеличивать средствами browser-a, так как в этом случае применяется алгоритм со сглаживанием, который неизбежно размывает резкие границы разных цветов на скриншоте. В общем случае, единственный верный способ — увеличить скриншот в два раза в графическом редакторе без интерполяции, простым удвоением пикселей. И вставлять в код статьи в его истинном размере. Если по каким-то причинам конкретно в той системе публикации, которую вы используете, это невозможно — всё остальное не является объективным решением.

Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
forspamonly2 @forspamonly2
масштаб интерфейса поставьте 200% в винде (или что там у вас).
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

• Python
• +2 ещё

Как интерпретировать цветовую карту для асиметрии изображений термограмм?

• 2 подписчика
• 26 февр.
• 106 просмотров

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

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

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

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

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

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

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

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

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

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

Для чего нужен скриншот?

Скрины незаменимы во многих случаях, например:

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

Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей

Создание скриншотов стандартными средствами 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.

Советы по оформлению скриншотов

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

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

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

Вот так, например:

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

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. Конфиденциальные данные ваших клиентов будут в безопасности, а вы сэкономите время.

Выводы

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

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

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

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

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

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

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

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

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

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

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

112