Как сделать скриншот для форума

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

Коллеги, я хочу собрать воедино информацию о том, как создать качественную иллюстрацию к вашему посту на форуме.
Речь пойдет о специфике создания и размещения на форуме скриншотов с графиков из торгового терминала.
Основной акцент делается не на технические приёмы, а на «правила хорошего тона» при создании иллюстраций для форума.
Очень часто простого скриншота вашего рабочего графика недостаточно для того, чтобы использовать его в качестве иллюстрации.
Неумело созданный скриншот вместо иллюстрации к вашему сообщению превращается в трудноразгадываемый ребус.
Картинку следует специально подготовить для публикации на форуме.

1. Рабочие инструменты.

Программ для создания и редактирования скриншотов -великое множество.
Я давно пользуюсь программой FastStone Capture.
(Рекомендую portable вариант версии 7.6. Существует русская версия, с русской справкой.
Легко найдете на рутрекере. Имеется также учебник на английском)
Из других, мною пробованных программ я отметил бы PicPic.
Конечно, можно воспользоваться и средствами торгового терминала для создания скриношотов.
Но специальные программы предоставляют максимальную функциональность и гибкость.

2 Размер скриншота.

Внимание! Очень важный момент.
Движок форума позволяет размещать изображения размером не более 1200х768 пикселей.
Это более, чем достаточно для любой иллюстрации.
Если же попытаться прикрепить к своему посту рисунок бо́льшего размера, движок форума автоматически
отмасштабирует его до требуемого размера и сконвертирует в формат jpg.
Последствия такой конвертации я бы назвал фатальными для качества рисунка.
При масштабировании рисунка мелкие детали исчезают, особенно текст становится неразборчивым.
Плюс к этому, алгоритм сжатия формата JPG вносит дополнительную размытость в изображение.

В итоги мы видим следующее:


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

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

Правило: после снятия скриншота уменьшение его размера путем масштабирования недопустимо.
Единственное, что можно сделать – это обрезать внешние края.
Если рисунок отмасштабировать (уменьшить), получим следующее:



Хотя ничто не мешает сделать вот такую картинку:



После размещения картинки на форуме кликните по иконке в вашем посте, посмотрите, что получилось.
Проверьте, не появилась ли нечеткость и размытость.

3 Формат графического файла.

Большинство рисунков для публикации в интернете создается в сжатых графических форматах gif, png, jpg..
Формат jpg при сжатии теряет часть исходной информации.
Выглядит это как потеря резкости мелких деталей изображения. В нашем случае это недопустимо

Вот что может сделать алгоритм jpg в зависимости от цветовой палитры изображения:



Вот еще примеры с разными цветовыми палитрами.


Надеюсь, очевидно, что формат jpg в нашем случае неприемлем.

Правило: создавать картинки в неискажающих графических форматах gif или png.
Не использовать формат jpg.

4. Содержание рисунка.

Что должно быть на скриншоте графика.

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



Рекомендация. Палитра изображения.
Я бы настоятельно рекомендовал для публикации светлые контрастные шаблоны графиков. В идеале – Black and white.
Понятно, что цветовые предпочтения – это сугубо индивидуальная вещь.
Но имеется еще одно соображение: Скриншоты графиков со светлыми контрастными палитрами при распечатке
на черно-белом лазерном принтере выглядят лучше, чем темные (с черным фоном) рисунки.

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



Правило. Если требуется нанести дополнительную информацию на рисунок (текст, линии и т.п.),
делать это следует в специализированном графическом редакторе (см. пункт 1).
Рисование мышью в Paint'e вызывает смех сквозь слёзы.

5. Контроль качества рисунка

Я бы рекомендовал следующий комплексный метод контроля качества вашего рисунка.
Вставьте рисунок в документ Word'а и распечатайте на черно-белом принтере.
Если рисунок не входит на страницу формата А4, работайте над ним дальше, урезайте размер.
Если вам не нравится качество распечатанного рисунка (контрастность, разборчивость), опять же ищите причину и устраняйте.

PS.
Я сильно надеюсь, что эти рекомендации станут общепринятыми правилами для нашего форума.
Любые дополнения, исправления, уточнения приветствуются.

Спасибо автору за труд!
Конечно, надо постить хорошие картинки, а то бывает ничего не поймешь.


Но вот с чем не соглашусь -

Slim33 сказал(а):

Рисование мышью в Paint'e вызывает смех сквозь слёзы.

Нажмите, чтобы раскрыть...

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

папаша сказал(а):

Спасибо автору за труд!

Нажмите, чтобы раскрыть...

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

AlexeyVik сказал(а):

Но говоря о рисовании мышкой, видимо имелось ввиду не Point а ScreenMarker1...

Нажмите, чтобы раскрыть...

Я имел в виду стандартный виндовый графический редактор Paint - наверно, самый примитивный из мне известных.
Редакторов - море. Я пробовал и пробую разные.
И остаюсь приверженцем FastStoneCapture. :graf:
(речь идет именно о программах - создателях/редакторах скриншотов)

папаша сказал(а):

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

Нажмите, чтобы раскрыть...

Согласен. В умелых руках что хошь - балалайка
Посмотрел ваши рисунки. Да, вполне нормально:

Slim33 сказал(а):

Согласен. В умелых руках что хошь - балалайка
Посмотрел ваши рисунки. Да, вполне нормально:
Посмотреть вложение 137549

Нажмите, чтобы раскрыть...

Спасибо! *hi*

Slim33 сказал(а):

Paint - наверно, самый примитивный из мне известных.

Нажмите, чтобы раскрыть...

И тем-не-менее в нём есть возможность не рисовать буковки мышкой, а вставить текст. И не просто вставить, но ещё и выбрать размер шрифта.

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

AlexeyVik сказал(а):

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

Нажмите, чтобы раскрыть...

Вот-вот иногда наблюдаем такое:



Ну для девочки это простительно

В качестве удобства создания скриншотов я бы еще порекомендовал бесплатное приложение _https://www.monosnap.com/welcome , оно кросплатформенное, можно добавлять комментарии на скрине, сразу публиковать в сервис коротких ссылок, сохранять, модифицировать и т.д. Умеет сама захватывать окно программы или скриншотить выделяемую область. Попробуйте не пожалеете.

Пример с захватом всего окна и с шарингом изображения:
_http://take.ms/Mtks9

Выделяемая область с ручной загрузкой на форум: