36

Размещение в вопросах и ответах скриншотов исходного кода, примеров данных, сообщений об ошибках вызывает резко негативную реакцию со стороны участников сообщества. Почему?

Свободный перевод: Why should I not upload images of code/data/errors when asking a question?


Каноническая ссылка: [Пожалуйста, не добавляйте код/данные/текст ошибок картинками.](https://ru.meta.stackoverflow.com/a/12120)

Каноническая ссылка 2: [Почему не следует выкладывать код/данные/ошибки в виде скриншотов?](https://ru.meta.stackoverflow.com/a/12120)

12
  • Надоело давать ссылку на англоязычную версию. Перевод, конечно, так себе. Не сомневаюсь, что участники найдут более удачные формулировки. Возможно, даже найдётся, чем дополнить сей список. Не стесняйтесь - исправляйте, дополняйте. Это будет полезно.
    – Akina
    Commented 31 авг. 2022 в 11:54
  • странно, мне казалось такое уже было где-то
    – Grundy Мод
    Commented 31 авг. 2022 в 12:16
  • @Grundy Я поискал. Нашёл жалобы, но не перевод или обоснование, подобное собранному в теме-оригинале.
    – Akina
    Commented 31 авг. 2022 в 12:18
  • В c# метке код скринами публикуется несколько раз в неделю: 1) закрываю с причиной Вопросы с просьбами помочь с отладкой («почему этот код не работает?») должны включать желаемое поведение, конкретную проблему или ошибку и минимальный код для её воспроизведения прямо в вопросе. 2) ставлю минус (редко), когда кроме скринов есть еще другие проблемы. 3) иногда оставляю комментарий, если сама суть вопроса может оказаться полезной. 4) никогда не отвечаю на таким образом оформленный вопрос. Примерно в половине случаев автор исправляется.
    – aepot Мод
    Commented 31 авг. 2022 в 18:19
  • 1
    спасибо громаднейшее) наконец-то нашелся тот, кто сделал это) Commented 1 сент. 2022 в 13:57
  • 1
    Ееее......... круто! Думаю это очень нужно....А то моя пятая точка уже полыхает))) особенно от тёмных тем))) Commented 2 сент. 2022 в 7:43
  • 2
    Мне до сих пор непонятно, почему люди (и это мода новой молодёжи) думают, что скрины - это удобно? Вот правда. Там же логически если рассуждать много минусов найти можно. Commented 2 сент. 2022 в 7:47
  • 1
    @АлексейШиманский ИМХО, они просто не понимают, как по другому вставить код с подсветкой. Commented 11 сент. 2022 в 22:48
  • 1
  • 2
    i.sstatic.net/FqESk.jpg
    – Dev18
    Commented 26 нояб. 2023 в 22:16

3 ответа 3

43

Почему не следует так делать, чем плохи скриншоты (картинки).

  • Исходный код и данные не могут быть скопированы из картинки и затем вставлены в редактор (IDE или fiddle) для воспроизведения проблемы.

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

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

  • Текст с картинки нельзя использовать в поиске.

  • Картинки просто труднее читать по сравнению с текстом.

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

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

  • Вы хотите, чтобы мы помогли решить Вашу проблему, причём совершенно бесплатно - затратьте немного усилий и сделайте так, чтобы нам было проще помочь.

  • Программы, читающие текст с экрана, не умеют читать текст с картинок - Это создаст проблемы для людей, имеющих проблемы со зрением.

  • Картинка, размещённая на стороннем сервере, может стать недоступной, что может сделать вопрос совершенно нечитаемым.

  • Другие участники не смогут улучшить вопрос, поправив форматирование кода.

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

  • Картинки требуют гораздо больше ресурсов, чем текст - передать 200 байт текста гораздо проще, чем 200 килобайт картинки. Stack Overflow имеет сотни миллионов просмотров в день, а потому каждый лишний передаваемый байт, каждая лишняя затраченная миллисекунда - действительно лишние.

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

  • Большая часть картинки часто бесполезна: визуальные элементы IDE и операционной системы, а так же просто пустое место.

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

5
  • 2
    "Некоторые люди используют тёмную схему оформления, и белый фон картинки им просто "бьёт по глазам"." --- вот кстати я бы написал совсем наоброт... Часто выкладывают скрины с тёмной темой и когда ты днём смотришь на это (с солнышком и прочими прелестями), то не видно абсолютно ничего Commented 2 сент. 2022 в 7:45
  • @АлексейШиманский Добавил... посмотри, если что некорректно, поправь.
    – Akina
    Commented 2 сент. 2022 в 7:47
  • 3
    Если кода/данных много, это может потребовать нескольких картинок. Такой вопрос будет читать очень сложно по сравнению с правильно форматированным кодом/текстом. и На картинке можно показать не так много строк кода, чтобы они помещались на экране. Весь код может не поместиться в один экран, даже если Вы создали максимально компактный пример, демонстрирующий проблему. +/- об одном и том же, может объединить в один пункт?
    – ZxNuClear
    Commented 2 сент. 2022 в 20:59
  • ещё причина: удалить (изменить) какую-нибудь секретную информацию (пароли, ключи, токены, доменные имена, адреса, личные данные) гораздо проще внутри текста, нежели «замазать» её на картинке. Commented 21 сент. 2022 в 11:10
  • @aleksandrbarakin Исправляйте, добавляйте... хотя наиболее актуально это в варианте, когда изначально такая информация была "прохлопана" и выложена - вот тут действительно поправить текст вопроса и изготовить новый скриншот по простоте несравнимы.
    – Akina
    Commented 21 сент. 2022 в 11:19
26

А ответы картинками можно? :)

Просто показать вот такой код...

введите сюда описание изображения

12
  • 8
    Я так делал)) Когда кто-то задавал вопрос картинками. Пусть кто угодно считает как хочет, а я это делал в воспитательных целях (правда всего пару раз) )) Commented 5 сент. 2022 в 9:34
  • 4
    Огонь конечно)))
    – doox911
    Commented 5 сент. 2022 в 11:58
  • 12
    Что это за шрифт? Это выглядит потрясающе! Commented 5 сент. 2022 в 17:14
  • 4
    Отличная идея, если код в вопросе картинкой, код в ответе тоже давать такой картинкой :)
    – Harry
    Commented 6 сент. 2022 в 12:27
  • 4
    Картинкой на которой ссылка на видео в пару часов на котором код появляется посимвольно :) Commented 8 сент. 2022 в 8:24
  • 4
    Уж лучше шрифтом fonts.google.com/specimen/Redacted+Script
    – Vad Sim
    Commented 9 сент. 2022 в 12:59
  • 4
    @VadSim Мы все же программисты, а не медики...
    – Mikhajlo
    Commented 10 сент. 2022 в 4:45
  • 1
    Если вам не нравится шрифт, пробуйте fonts.google.com/specimen/Flow+Block
    – Vad Sim
    Commented 10 сент. 2022 в 5:54
  • 1
    Или fonts.google.com/specimen/Libre+Barcode+39
    – Vad Sim
    Commented 10 сент. 2022 в 5:59
  • 4
    Выглядит как рецепт зелья из средневековья...
    – XelaNimed
    Commented 21 дек. 2022 в 9:50
  • Интересно, это какой язык (: ? Commented 27 апр. 2023 в 5:35
  • 1
    @Зонтик React js, Смог разлечить useEffect и let button = document.createElement('button'). Там еще классы этой кнопке добавляется и onClick вешается. Commented 14 мая 2023 в 13:36
4

В дополнение к сказанному ранее, варианты как делать нужно:

  1. Вставить код текстом как есть, выделить, нажать {} над редактором вопроса/ответа, либо нажать Ctrl+K. Это добавит отступы (4 пробела) перед всем блоком кода. После этого в предпросмотре и в сохраненном виде блок кода будет отображаться нормально.

  2. Вставить код как есть, выше и ниже блока кода добавить три косых апострофа ``` (именно их, не прямые апострофы, не двойные кавычки) или три тильды ~~~. И то, и другое находится на кнопке Ё в английской раскладке (на маковских клавиатурах — на кнопке ниже кнопки Esc).

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

    После косых апострофов справа без пробела можно указать язык программирования — это может быть нужно, если в вопросе/ответе есть блоки на разных языках программирования (или разметки).

  3. Для вопросов по html+css+js можно использовать фрагмент кода (аналог https://jsfiddle.net, но встроенный в сам вопрос/ответ), вызывается кнопкой <> над редактором вопроса/ответа (сочетание клавиш Ctrl+M), в диалоге вставить код в соответствующие поля ввода.

См. Справка по Markdown - Код и предварительно отформатированный текст

0

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

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .