5 отличных инструментов для создания скриншотов кода
Перевод статьи «6 Awesome Ways to Take A Screenshot of your Code».
Рано или поздно у каждого разработчика возникает необходимость сделать снимок кода — своего или чужого. Причин для этого может быть много, например, чтобы приложить в качестве иллюстрации в статье, попросить помощи на форуме, похвастаться в Twitter или даже чтобы добавить в коллекцию хороших примеров кода, к которым, возможно, захотите вернуться позже. В любом случае, пользу скриншотов в работе трудно переоценить, поскольку все мы ими пользуемся.
В этой статье мы собрали пять отличных инструментов, с помощью которых можно делать скриншоты кода.
Polacode
Polacode это расширение Visual Studio Code, позволяющее создавать уникальные скриншоты, которыми можно делиться с другими людьми. Polacode сохраняет вашу существующую тему и шрифты, отображая их на прекрасных скринах. Вот полюбуйтесь:
На примере этого скриншота видно, что Polacode эффективно добавляет тень и отступы, а также закругляет углы скриншота. Кроме того, он скрывает такие вещи как полосы прокрутки и маркеры сворачивания кода.
Установка
Как сделать скриншот
Откройте VS Code, в меню выберите View, затем кликните по палитре команд. В строке ввода наберите Polacode и выберите его из выпадающего меню. Polacode откроется у правого края редактора.
Выделите и скопируйте код, скриншот которого вы хотели бы сделать. Кликните кнопку screenshot внизу блока. Вам будет предложено указать путь для сохранения снимка. Выберите путь и сохраните свой только что созданный скриншот.
Преимущества
Недостатки
Carbon
Carbon это бесплатная open source библиотека. С ее помощью вы сможете создавать прекрасные снимки вашего кода и легко делиться ими. Carbon позволяет вам выбирать тему оформления скриншота и предпочитаемый язык программирования (и соответственно разные варианты подсветки синтаксиса), делиться снимками в Twitter, а также настраивать такие вещи как стиль окна, цвет фона, шрифт и т. д.
Установка
Устанавливать Carbon на свой сайт не нужно. Просто зайдите на сайт carbon.now.sh, вставьте свой код и заберите скриншот!
Как сделать скриншот
Чтобы сделать скриншот при помощи Carbon, скопируйте нужный код в своей IDE или редакторе кода и вставьте его в окно на сайте. Затем кликните кнопку Export в правом верхнем углу.
Достоинства
Недостатки
Если интересуетесь, можете зайти посмотреть репозиторий Carbon на Github. Там есть плагины для различных редакторов и IDE. Чтобы ими воспользоваться, просто следуйте шагам, описанным в документации.
Greenshot
Greenshot это программа для создания скриншотов, которой могут пользоваться не только разработчики, но и менеджеры проектов, тестировщики и технические писатели. При помощи Greenshot пользователи могут делать снимки и редактировать полученные изображения, используя встроенный редактор. Также стоит отметить возможность размывать часть изображения, делая его нечитаемым. Ключевые особенности Greenshot:
Установка
Как сделать скриншот
После установки программы кликните на значке Greenshot в правом нижнем углу экрана. Выберите, какого рода скриншот вам нужен:
Достоинства
Недостатки
Если хотите заглянуть в исходный код Greenshot, можете посетить его репозиторий на Github.
Code Screenshots
Code Screenshots это плагин JetBrains, используемый для снимков кода в IDE Jetbrains. Он совместим с IntelliJ IDEA, PhpStorm, WebStorm, PyCharm, RubyMine, AppCode, CLion, GoLand, DataGrip, Rider, MPS и Android Studio.
Установка
Чтобы установить Code Screenshots, скачайте плагин с сайта Jetbrains и следуйте процедуре инсталляции.
Как сделать скриншот
Как работает этот плагин? Выделите код, снимок которого вам нужен, и нажмите горячие клавиши (по умолчанию это Ctrl+Alt+Shift+A), чтобы сделать скриншот. Сочетание клавиш можно изменить на более подходящее, для этого нужно перейти в Settings|Keymap. После того как снимок сделан, становится доступным действие «Save as Image» и вы можете сохранить свой скрин в виде PNG-файла.
Достоинства
Недостатки
Исходный код Code Screenshots можно посмотреть в репозитории на GitHub.
ShareX
Приложение, созданное для пользователей Windows. С его помощью можно делать снимки экрана, в том числе скриншоты больших отрывков кода (с прокруткой), благодаря чему устраняется необходимость дробить снимки. Приложение также имеет инструмент для редактирования. ShareX можно использовать в качестве расширения для браузера. Исходный код можно посмотреть на Github.
Установка
Чтобы установить ShareX, перейдите на сайт проекта, скачайте файл установки и следуйте инструкциям инсталляции.
Как сделать скриншот
После установки запустите приложение и найдите в меню пункт Capture. Выберите из доступных подпунктов нужный вариант снимка. Если вам нужно сохранять сделанные скриншоты, не забудьте перейти в меню к After image tasks и отметить опцию «Save image to file».
Достоинства
Недостатки
Итоги
Существенный плюс представленных здесь вариантов создания скриншотов это их бесплатность. Стоит попробовать каждый, чтобы решить, какой подходит вам больше всего.
Возможно, мы пропустили еще какие-нибудь хорошие программы для создания скриншотов. Если знаете такие, — вэлкам в комментарии! По возможности также указывайте достоинства и недостатки предлагаемых вариантов.
Как сделать скриншот экрана на телефоне и на компьютере — все лучшие способы
Наверное, каждому из нас знакома ситуация – хочется сфотографировать переписку или количество лайков на комментарии, чтобы похвастаться друзьям. И каждый задавался вопросом: а как сделать скриншот экрана на компьютере или телефоне?
Некоторые идут по пути наименьшего сопротивления и просто фотографируют экран компьютера или ноутбука на камеру смартфона. Да вот только качество таких фото оставляет желать лучшего. В то время как скриншот позволяет всё разглядеть в мельчайших деталях.
Из нашей статьи вы узнаете, как это сделать буквально в пару кликов.
Как сделать скриншот экрана на компьютере и ноутбуке
Думаю, каждый из нас пользуется персональным компьютером или ноутбуком. Конечно, телефоны во многом вытеснили столь громоздкие гаджеты, однако некоторые действия проще сделать через компьютер – например, написать статью или отправить отчёт.
Иногда нам требуется создать скриншот экрана. Многое зависит от операционный системы: стоит ли у вас на компьютере или ноутбуке MacOS или Windows и какой версии. В этой статье вы узнаете, как сделать скриншот экрана на компе с ОС Windows (Microsoft).
Для начала нам нужно узнать версию Windows, установленной на вашем компьютере. Сделать это очень легко: заходим в «Мой компьютер» (или просто «Компьютер»), щелкаем на него правой кнопкой мыши, чтобы появилось всплывающее окно, и щёлкаем на «Свойства». Если вы всё сделали правильно, то вы получите полную информацию про ваше устройство: от названия процессора и типа системы до версии операционной системы (Windows 7/XP/8/8.1/10).
Суть в том, что в каждой операционной системе скриншот делается по-разному. Давайте начнём по порядку, от старой доброй семёрочки до популярной и получившей распространение десятки.
Сперва вам нужно отыскать на клавиатуре клавишу, без которой сделать скриншот ну никак не получится – называется она Print Screen.
Сокращённо она также может называться PrtScr, PrtSc или Print Scrn, всё зависит от особенностей вашего ПК или ноутбука. У меня, например, на Lenovo она называется PrtSc и находится рядом с Insert и F12 – ищите эту клавишу примерно в той области, обычно она мелкая и неприметная.
Скриншот в Windows 7 и Windows XP
Сделать скриншот на виндовс 7 достаточно просто: нужно нажать клавишу Print Screen. Изображение экрана копируется в буфер обмена, отдельной папки для него не создаётся, к сожалению. А дальше поступаете как пожелаете: если вы хотите поделиться с другом снимком экрана, то просто нажимаете правую кнопку мыши и кликаете «Вставить» – изображение прикрепится как обычный файл. Если же вы хотите сохранить скриншот экрана на компьютере или ноутбуке, то придётся немножко попотеть. Именно из-за того, что отдельной папки для сохранения скриншотов в Windows 7 не предусмотрено.
Поэтому после нажатия клавиши PrtSc вам требуется открыть графический редактор Paint – обычно он быстро находится через нажатие «Пуска», где отображаются стандартные или часто используемые программы. Открываете редактор и действуете по стандартной схеме: клик мышки и «вставить». Готово! Теперь сможете обрезать изображение так, как вам захочется и сохранить его в любом месте на компьютере.
Привет. Я тут записал небольшой курс про то, как я создаю свои проекты с нуля, продвигаю их и зарабатываю. Будешь участвовать?
Аналогичные действия требуются в Windows XP. Следует отметить, что в обеих операционных системах для редактирования изображения подойдёт не только стандартный Paint, но и другие графические редакторы, вплоть до Adobe Photoshop.
Скриншот в Windows 8 и Windows 8.1
Как сделать скриншот экрана на ноутбуке или компьютере, если у вас установлена версия виндовс 8 или 8.1? Гораздо легче, чем в семёрке, поверьте. В Windows 8 вам не нужно пользоваться графическими редакторами или самостоятельно создавать отдельную папку для скриншотов – система автоматически её создаст, как только вы сделаете свой первый снимок экрана. По умолчанию изображения нумеруются в хронологическом порядке.
Для того, чтобы сделать скриншот в Windows 8 или 8.1, вам потребуется… всего лишь зажать одновременно две клавиши – уже известную нам PrtSc и Windows (обычно на клавиатуре обозначена логотипом компании, «окошечком»). Найти последнюю обычно можно в нижнем левом углу, между клавишами Ctrl и Alt.
Все сохраненные скриншоты хранятся в папке «Снимки экрана», которую вы можете найти в Изображениях или иногда Документах.
Скриншот в Windows 10
Пожалуй, самый распространённый запрос в поисковиках и над чем ломают головы тысячи пользователей – это как сделать скриншот экрана на виндовс 10. Здесь применяются два способа, один из которых мы уже рассматривали выше на примере Windows 7 и XP: путём нажатия клавиши PrtSc, когда снимок сохраняется в буфер обмена. Это позволяет моментально отправлять через функцию «вставить» скрин в сообщения или при публикации на стену в социальных сетях, однако для сохранения на жёсткий диск не предусмотрено создание отдельной папки. Поэтому по аналогии с Windows 7 сохранить скриншот на компьютер можно через любой графический редактор.
И всё же большей популярностью пользуются «Ножницы». Это стандартная программа, отыскать их можно через поисковую строку в меню «Пуск». Далее при запуске программы вы видите 3 основных режима:
Сохранить скриншот на компьютер или ноутбук можно привычным способом, при нажатии на «Файл», после чего ищите ваши снимки экранов в одноимённой папке в Документах или Изображениях.
Собственно, никаких сложностей в вопросе как сделать скриншот экрана на компьютере нет. Нужно только твёрдо знать свою версию операционной системы и отыскать на клавиатуре волшебную клавишу PrtSc.
Лучше всего использовать отдельную программу для скриншотов на ПК
Тем не менее, существует специальная программа LightShot, которая позволяет не только сделать скриншот, но и отредактировать его прямо на месте. Она предназначается не только для Windows, но и для MacOS – вы можете скачать её независимо от версии вашей операционной системы, просто кликнув на нужную кнопку. Оговорюсь сразу: регистрация для скачивания программы не требуется.
Я пользуюсь именно этой программой, т.к. она абсолютно бесплатна, а установка занимает всего несколько секунд. После загрузки откроется новое окно в браузере, где вас поблагодарят за установку забавной картинкой с котиком – по мне, это очень интересный бонус от разработчиков LightShot. Для примера, вот видео по тому, как работает программа (видео на английском, но суть из него будет понятна без слов).
Интерфейс очень простой, а для вызова LightShot нужно нажать уже знакомую нам клавишу PrtSc. Экран посереет, и от вас потребуется выделить ту область, скрин которой вы хотите сделать. В левом верхнем углу отобразится размер будущего скриншота, а в правой нижнем у вас будет представлена панель с самыми разными инструментами. Отдельно порадовало, что в LightShot можно менять и передвигать выделенную область.
Также, если вы случайно нажали на PrtSc и хотите закрыть программу, достаточно просто нажать Esc (обычно находится в верхнем левом углу клавиатуры) или щёлкнуть правой кнопкой мыши и выбрать «Отменить».
В чём преимущество этой программы, здесь вы вольны делать со скриншотом что хотите. В выделенной области можно вставить какую-то цитату, выделить маркером объект или указать на него стрелочкой. Приятно, что в LightShot можно выбрать цвет инструментов – по умолчанию стоит красный, а найти эту кнопку легко. Она находится практически в самом углу и залита цветом, в отличие от остальных функций. Если же у вас что-то не получилось, можно отменить действие, нажав на соответствующую кнопку со стрелочкой влево.
После того, как вы сделали со скриншотом всё необходимое, по горизонтали вы можете выбрать, куда выгрузить изображение. Им можно поделиться в социальных сетях, распечатать, сохранить на компьютер или же просто скопировать (полезно, если нужно быстро вставить скрин экрана в документ, например). Как только вы завершили работу в LightShot, для выхода просто нажмите на крестик или же закройте окно сочетанием клавиш Ctrl+X.
Как видите, это достаточно простая в установке и использовании программа, в которой разберётся любой, независимо от уровня его владения ПК. Скачать программу можно здесь: https://app.prntscr.com/ru/.
Как сделать скриншот экрана на телефоне
Телефоны стали незаменимой частью нашей повседневной жизни – это неоспоримый факт. Мы постоянно носим их с собой в карманах и практически никогда не расстаёмся, чтобы всегда быть на связи.
Периодически возникает потребность сделать скриншот экрана телефона. Однако всё зависит от самого телефона – в большинстве нынешних смартфонов установлена одна из двух операционных систем: Android или iPhone OS (сокращённо iOS).
Как сделать скриншот экрана на Айфоне
На разных моделях айфонов можно по-разному делать скриншоты. Если вы не знаете модель своего айфона, советую попробовать путём проб и ошибок найти подходящий способ.
Сделанные скриншоты ищите в приложении «Фото»>«Альбомы»>«Снимки экрана». Там вы можете отредактировать изображение, нажав на специальный значок – например, чтобы обрезать ненужные детали.
Обратите внимание:
Вдобавок к этому существуют приложения для создания скриншотов – они становятся незаменимыми помощниками, если, допустим, заела кнопка «домой». Давайте разберём самые высоко оцененные приложения из App Store.
Как сделать скриншот экрана на Андроид
В зависимости от версии Android, скриншот экрана на телефоне можно сделать тремя способами.
Обратите внимание:
Для андроидов также есть специальные приложения, доступные в Play Market. Они незаменимы, если телефон неисправен.
Заключение
На разных устройствах разные возможности для создания скриншотов – это очевидно. Многое зависит от модели, версии операционной системы да и от самих производителей. На телефоне мне больше подошёл традиционный метод проб и ошибок, а вот на ноутбуке – знание версии Windows, которое получить весьма просто. И даже если с вашим устройством возникли проблемы, из-за чего нельзя сделать скриншот привычным способом, создано много сторонних утилит для этой цели.
Надеюсь, вам понравилась статья, и она действительно помогла вам найти ответ на вопросы, как сделать скриншот экрана на компьютере или телефоне. Теперь вы легко можете делиться смешными моментами с друзьями и родными, не тратя при этом много усилий и делая качественные снимки экрана.
Как быстро сделать скриншот
7 историй громких провалов от топовых специалистов индустрии. Регистрируйтесь, чтобы услышать!
Скриншот — это снимок экрана. Он бывает полезен, чтобы показать или объяснить что-то другим людям, а также подготовить иллюстрации к статье.
Существует множество способов сделать скриншот быстро:
Рассмотрим каждый способ более подробно. Специально для тех, кто заглянул на минутку, сразу расскажу, какой инструмент в каких случаях лучше использовать.
Горячие клавиши
Чтобы сделать скриншот:
Mac все снимки сохраняет на рабочем столе в формате PNG.
Чтобы сделать скриншот:
Скриншот сохраняется в буфере обмена. Это удобно, когда нужно вставить изображение сразу в документ (например, в Google Документы) или в редактор (Paint, Photoshop). Чтобы вставить скриншот нажмите Ctr+v или выберите нужный пункт в контекстном меню (правая кнопка мыши).
Если хотите сразу сохранить снимок в виде файла, нажмите Win/Fn + PrtSc. Файл ищите на системном диске в папке Изображения/Снимки экрана (Screenshots).
Встроенные программы
Снимок экрана (macOS)
Где найти. Через поиск, или нажмите Shift+Command+5.
Что умеет. Делает скриншот всего экрана, выделенной области, окна браузера или меню экрана. По умолчанию сохраняет снимки на рабочий стол.
Есть таймер, который задерживает снимок на 5 или 10 секунд. Такая функция полезна, когда нужно снять выпадающие меню и системные сообщения.
Утилита позволяет отредактировать изображение: перевернуть, добавить надписи и выделить главное.
Ножницы (Windows 10)
Где найти. Через поиск или в меню «Пуск» — «Стандартные Windows».
Что умеет. Делает снимок экрана, активного окна или выбранной области. Из особенностей — позволяет выделить как прямоугольную область, так и область произвольной формы.
У инструмента «Ножницы» есть таймер для задержки снимка до 5 секунд.
Полученный снимок открывается в редакторе, где есть перо и маркер для выделений. Отменить изменения нельзя, что неудобно. Поэтому если нужно отредактировать скрин, лучше открыть его в Paint (это делается прямо из меню «Ножниц»).
Готовое изображение сохраняется в JPG или PNG.
Команда Windows 10 грозится в одном из следующих обновлений заменить инструмент «Ножницы» на утилиту «Набросок на фрагменте экрана». Чтобы получить к ней доступ, нажмите Win+Shift+S. Здесь нет таймера и возможности снять активное окно, зато есть отмена в редакторе.
Расширения в браузере
Буду двигаться от самых простых к наиболее функциональным.
GoFullPage
Что умеет. Делает скриншот всей страницы в один клик. Для этого нажмите на значок расширения или Alt+Shift+P. Качественно и быстро скриншотит страницу целиком.
Чтобы сохранить готовый скрин в виде файла, перетащите его на рабочий стол.
Формат. PNG или PDF.
Сколько стоит. Бесплатно.
Скриншотер
Что умеет. Фотографирует выделенную область в два клика, позволяет делиться ссылкой или сохранять файл на диск. Ссылка сразу копируется в буфер.
Не понравилось, что при выборе инструмента уменьшается видимая область экрана, как будто меняется разрешение (работаю на ноутбуке на Windows 10).
Сколько стоит. Бесплатно.
Lightshot
Что умеет. Делает скриншот выделенной области. В отличие от «Скриншотера», в Lightshot есть редактор с основными инструментами. Позволяет добавить текст, выделения, стрелки, линии и формы. Не умеет размывать части скриншота.
Из плюсов — расширение позволяет быстро поделиться снимком в соцсетях (ВКонтакте, Facebook, Twitter, Pinterest) или распечатать скрин.
Ещё одна прикольная функция — поиск похожих картинок в Google прямо через редактор сервиса.
FireShot
Что умеет. Делает скриншот выделенной области, видимой части экрана, окна браузера и всей страницы. Для захвата всей страницы есть горячие клавиши.
Готовое изображение FireShot предлагает сохранить, переслать по почте или распечатать. В платной версии также есть экспорт снимков в OneNote, Twitter и Flickr.
Большой минус — в бесплатной версии нет редактора.
Формат. PDF, JPG, PNG, GIF или BMP.
Сколько стоит. Бесплатно без редактора. Есть пожизненная лицензия — около 3000 руб.
Что умеет. Фотографирует фрагмент или всю страницу. Поддерживает горячие клавиши. Позволяет сохранить картинку на компьютер или опубликовать в облаке и сразу получить ссылку. Удобно, что можно быстро поделиться скриншотом в соцсетях.
В редакторе много инструментов. Рисуйте карандашом; добавляйте прямые линии, стрелки, фигуры и комментарии; скрывайте лишнее с помощью размытия. В редакторе Joxi есть даже последовательность шагов.
Чтобы иметь доступ к истории скриншотов, нужно зарегистрироваться.
Сколько стоит. Бесплатно.
Awesome Screenshot
Что умеет. Снимает выделенную область, видимую часть экрана или всю страницу. Позволяет выбрать задержку на 3 или 5 сек, перед тем как будет сделан снимок. Поддерживает горячие клавиши.
В редакторе сервиса есть все стандартные инструменты для редактирования, в том числе размытие и возможность менять размер картинки.
Готовое изображение можно сохранить в виде файла на компьютере или в облаке (бесплатно доступен Google Диск), распечатать или поделиться с командой через Asana, Slack и Trello (требуется регистрация).
Большой плюс Awesome Screenshot — расширение позволяет записывать не только скриншоты, но и скринкасты.
Формат. PNG или JPEG (выбирается в настройках), PDF.
Сколько стоит. Бесплатно. Есть платные тарифы от 300 руб./мес. В основном прокачивают возможности для скринкастов.
Декстопные программы
У Joxi и Lightshot есть декстопные версии примерно с теми же функциями, что и у расширений. Описывать их снова нет смысла. А вот у программы «Скриншотер» функций гораздо больше. Поэтому начну обзор с неё.
Скриншотер
Что умеет. Снимает весь экран, выделенную область или активное окно. Поддерживает горячие клавиши.
В отличие от расширения у программы есть редактор с основными инструментами и размытием.
В настройках можно выбрать формат и качество изображения. Готовый скрин программа позволяет сохранить на диск или загрузить на сервер.
Самая главная особенность декстопной версии «Скриншотера» — программа умеет снимать видео в формате mp4 до 60 минут.
Сколько стоит. Бесплатно.
Screen-shooter
Что умеет. Снимает экран, область и активное окно. Можно настроить горячие клавиши.
Среди инструментов есть и размытие, и последовательность шагов.
Готовый скрин сохраняет в облако, на диск или в буфер обмена. Есть возможность поделиться изображением с другими пользователями и отправить по почте.
У программы приятный интерфейс. Одно плохо: при попытке сделать скриншот у меня меняется размер видимого экрана, поэтому делать скрины неудобно.
Сколько стоит. Бесплатно.
Screen Capture
Что умеет. Делает скриншот выбранной области. Поддерживает управление с помощью горячих клавиш.
Есть редактор со всеми основными инструментами.
Готовое изображение сохраняет в буфер обмена, на жесткий диск или загружает в облако. Есть возможность задавать качество сохраняемых снимков.
Неплохая программа, но и здесь у меня осталась проблема с размером видимой части экрана — она меняется после выбора инструмента. В декстопных версиях «Скриншотера», Joxi и Lightshot этой проблемы нет.
Сколько стоит. Бесплатно.
Как сделать красивый и полезный скриншот
2. Отсекайте лишнее. Ярлыки, посторонние окна и вкладки браузера отвлекают от сути. Старайтесь убирать из кадра такие вещи или хотя бы обрезайте и размывайте наиболее отвлекающие элементы.
3. Акцентируйте внимание на важном. Используйте стрелки и выделения.
4. Делайте аккуратно. На скриншотах не должно быть обрезанных кусков контента, а все стрелки и выделения лучше делать в едином стиле.
5. Убирайте конфиденциальную информация. Не забудьте скрыть все персональные данные, если планируете выложить изображение в сеть. Хорошо для этого подходит инструмент «Размытие».
6. Думайте о цели. Сначала подумайте, зачем делаете скриншот, что хотите показать с его помощью. Когда понятна цель, легче сделать скриншот правильно.
