Робимо скріншоти правильно: практичні поради

Якщо ви коли-небудь робили хелп або мануал для своєї програми, напевно, ви відзначили, як несподівано багато часу і сил займає створення скріншотів.

Адже здається, що скріншот – це “секунда роботи, Alt+PrintScreen та Ctrl+V!”. Деякі клієнти дивуються, коли чують, що скріншот у мануалі може коштувати $2 і навіть $5.

У цій статті я розповім, як правильно робити скріншоти, чому це не просто "два кліки" і які підводні камені зустрічаються на шляху недосвідченого скріншотера. Розглядайте її як чекліст або список практичних порад для тих, хто документує програмне забезпечення. Сподіваюся, це допоможе вам уникнути розчарувань і порадувати користувачів яскравими зрозумілими картинками.

Що потрібно скріншотити

Потрібно:

• схема основних елементів та зон інтерфейсу з підписами. Наприклад, панель інструментів, панель стану, головне меню, контекстне меню. Далі по тексту не доведеться пояснювати: "Клікніть на ту кнопку на другій зверху панелі зліва";
• один основний скріншот для кожного розділу мануалу. Раптом користувач не читав попередніх розділів, а скористався пошуком;
• скріншот для кожної дії, яка значно змінює стан системи, інтерфейсу чи даних;
• спливаючі (модальні) вікна.

НЕ потрібно:

• майстер установки, видалення (тільки якщо щось нетривіальне з безліччю налаштувань);
• сторінки логіну;
• стандартні діалогові вікна (відкрити, зберегти);
• кілометрові списки (виберіть мову або країну);
• окремі кнопки (використовуйте текст);
• те, що вже докладно описано чи є на інших скріншотах, краще дайте посилання;
• панель, що містить інформацію про версію, права і т.д.Якщо вийде нова версія, то може знадобитися поміняти циферку або літеру на всіх скріншотах;
• шматки коду, конфіг і т.д. Краще вставити їх як форматований текст – і виглядатиме краще, і користувачі зможуть скопіювати.

Процес створення скріншотів

1. Налаштування оточення. Виберіть єдиний стиль вікон та шрифтів у вашій ОС. Якщо інтерфейс “гумовий”, визначте ширину та висоту вікна браузера або програми та не змінюйте її протягом зйомки.

Лайфхак: Якщо ви випадково закриєте вікно, його розміри можуть скинутися, і швидше за все ви не зможете їх точно відновити. Щоб не “втратити” розміри, зробіть скріншот вікна та всього екрану та обведіть куточки вікна червоним, а потім встановіть отриманий файл як шпалери робочого столу.

Може, хтось знає простіший і витонченіший спосіб?

2. Підготовка даних. Наповніть програму прикладами, наближеними до життя і вирішуючи конкретні завдання користувача. Можна продумати кілька випадків: найпростіших, як “хеллоуворлд”, і складніше, для просунутих користувачів.

Бажано, щоб імена об'єктів та налаштування не змінювалися в межах одного розділу. Наприклад, у 1-му розділі користувач Іполит створив замітку "Як готувати рибу". А у 2-му розділі треба розповісти про кастомізацію нотаток. Звичайно, краще розповідати про те, як Іполит застосовує до вже створеної нотатки червону заливку. Такий нехитрий підхід нагадає користувачеві про попередні дії, а також забезпечить повноту картини.

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

Якщо ви робите скріншоти для документації іноземною мовою, простежте, щоб у кадр не потрапили “російські” імена (Andrew – ok, Vanja Babushkin – не ок) або написи російською мовою.

3. Зйомка. Тут все залежить від ваших інструментів, але основні рекомендації такі:
а. По можливості знімайте тільки значні зони інтерфейсу та робіть скріншот якомога компактніше. Так він і на лист А4 поміститься і матиме малий розмір.
b. Як і під час фотографування, стежте за композицією, не відрізайте частини елементів по краях скріншота. Намагайтеся робити скріншоти однакової ширини та висоти в рамках одного прикладу.
c. Щоб заощадити час, робіть одразу серію скріншотів. Про всяк випадок можна зробити "зайві", незаплановані скрини - раптом знадобляться при переробках або редагуванні.

4. Редагування. Не завжди виходить підготувати красиві та різноманітні дані, уникнути друкарських помилок або змоделювати певну ситуацію (помилка, вихід з ладу, великий грошовий баланс). У таких випадках є як мінімум 2 виходи:
a. Правити код та стилі сторінки в браузері (правий клік > Inspect element і поїхали), якщо йдеться про веб-додаток.
b. Міняти написи, комбінувати блоки із різних скріншотів у графічному редакторі.

Найкраще вміти і те, й інше та комбінувати ці підходи залежно від ситуації.

Хочу зазначити, що хоча при редагуванні можна додати до скрин рамку, краї і тіні, що обрізають, краще це робити стилями у вашому редакторі довідки.

5. Збереження. Давайте скріншотам, що говорять, унікальні імена, дотримуючись певного формату, наприклад, general_settings_privacy. Краще не використовувати прогалини та великі літери, а також надто довгі назви.Такий підхід гарантує універсальність та працездатність під час розміщення онлайн-довідки на різних серверах.

Зберігати скріншоти краще у хмарі з підтримкою шарингу, тегів та версійності. Для зручності пошуку краще розбити папку зі скрін на підпапки, що відповідають структурі інтерфейсу програми.

6. Вставлення в текст. Про це нижче, у розділі "Оформлення".

7. Перевірка. Відкладіть закінчений розділ, перевірте його наступного дня. А краще дайте прочитати текст та подивитися скріншоти тестувальнику чи дизайнеру.

Інструменти

Десктоп-інструменти

• Snagit (Win, Mac). Одна із найпопулярніших програм для зняття скріншотів. Складається з 2 модулів:
  - Capturing Tool. Фічі: збільшення області виділення, автоматичне визначення зон інтерфейсу, зняття повнорозмірних скрин, затримка за часом для спливаючих елементів, запис відео;
  - Editor. Фічі: стрілочки, анотації, ефекти, рамки, шаринг.
  З мінусів можу назвати лише те, що редактор міг би мати більше налаштувань та ефектів;
• Shutter (Linux). Якщо коротко, це Snagit для Linux, природно, opensource;
• Adobe Photoshop (Win, Mac). Рекомендую використовувати для хардкорного редагування складних ефектів. Скрини одного розділу можна зберігати як шари psd файлу, а з допомогою макросів і скриптів можна творити дива з великою кількістю файлів;
• GIMP (Win, Mac, Linux). Безкоштовна заміна Photoshop. Тут хороша стаття про автоматизацію обробки скринів на GIMP;
• ImageMagic. (Win, Linux) Набір програм (консольних утиліт) для читання та редагування файлів безлічі графічних форматів. Відмінно підходить для пакетної обробки скріншотів;
• Visio (Win).А чому б і ні? Підходить як редактор для виділення та анотування, особливо, якщо куплено весь пакет MS Office;
• Dropbox (Win, Mac, Linux). Десктоп-клієнт може автоматично зберігати всі ваші скрини на диску та у хмарі та копіювати посилання у буфер обміну;
• Joxi (Win, Mac, Linux, Chrome plugin). Той самий функціонал, що й у Dropbox, плюс можливість додавання підписів та ефектів на льоту;
• LightShot (Win, Mac, Chrome, Firefox plugin). Той самий функціонал, що й у Joxi, плюс можливість редагування скріншоту у безкоштовному онлайн-редакторі Pixlr.

Плагіни для браузерів

Модулі HAT програм

• Dr.Explain. "Інтелектуальне" зняття та анотування скріншотів - головна фішка цієї програми. Вона визначає структуру вікна і може автоматично розпізнати та підписати всі елементи інтерфейсу. У самому редакторі є багато стилів для стрілочок, цифр тощо;
• Help+Manual. Дорожче, ніж Dr.Explain, а модуль для зняття скринів гірший. Але користуватися можна, тим більше, що анотації до скрин складаються в окремий XML файл, який можна перекласти при локалізації;
• MadCap Flare. Досить дорогий редактор модуль зняття скріншотів не вражає, але всі основні функції є. Тішить те, що можна задавати свої стилі для зображень.

Інструменти для створення GIF анімацій

• GifCam (Win) - безкоштовно;
• ScreenFlow (Mac) - платно, також вміє знімати та редагувати відео;
• LICEcap (Win, Mac) - безкоштовно.

Утиліти для стиснення зображень

Оформлення

• png - Інтерфейси;
• jpg - Фото;
• gif – анімації (добрий пост для анімації), іконки;
• ico - Іконки.

• для друку (ширина не більше A4, пам'ятайте про поділ на сторінки та вставляйте розриви сторінок за потреби);
• для екрану (як скріншот буде виглядати на планшетах та мобільних, враховуйте особливості скріншотів, зроблених на Retina);
• комбінований підхід - Conditional Output (Help + Manual, Confluence - Scroll Versions plugin, Flare). За такого підходу можна робити кілька версій кожного скріншота.

Продумайте розташування скріншота щодо тексту, вирівнювання. Якщо ширина скріншота невелика, слід раціонально використовувати вільне місце і налаштувати обтікання текстом зліва або праворуч.

Щоб показати динаміку, можна зробити комбінований скріншот:

Якщо ви вирізали частину вікна, можна показати обрізаний край з нерівною кромкою або прозорістю:

Важливі елементи чи дрібні деталі можна збільшити, щоб зробити акцент:

Для акценту можна також використати виділення за допомогою кольору - Залишити колір у цільового елемента (панелі), а інші знебарвити:

Додати рамки, тіні, стрілки, підписи, розмиття за смаком. Головне – дотримуйтесь одноманітності та дотримуйтесь ваших стайлгайдів:

• лайтбокс як у Confluence, можна з галереєю;
• збільшення (як товари на Ebay);
• слайдер;
• image map із тултипами (приклад 2).

І ще кілька порад.

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

Використовуйте стандартні компоненти (іконки, панелі, діалоги). Гарний приклад - Confluence Inclusions Library.

Розмістіть список основних ілюстрацій (краще з посиланнями на ілюстрації) після змісту або наприкінці мануалу.

Якщо скріншот містить надто багато даних, спробуйте замінити його прототипом, схемою, таблицею.

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

Робіть скрин для всіх мовних версій ПЗ одночасно. Тоді при локалізації довідки вам не знадобиться просити перекладача про додаткові послуги, а технічному письменнику не доведеться навчати йіксбаранаприклад.

А ще рекомендую прочитати цю статтю з очевидними, але корисними порадами.

Висновок

Правильні скріншоти покращують будь-який хелп чи мануал, роблять їх зрозумілими та наочними. А щоб зробити правильні скріншоти, треба добре підготуватися та витратити чимало одиниць часу, уваги та енергії. Наприклад, у нашій практиці зустрічалися непрості продукти, скріншоти яких коштували не звичайні $1-2 за штуку, а $5 і навіть $10. До речі, якщо вам буде потрібна допомога зі скріншотами або з хелпами цілком - ми завжди на зв'язку ;)

А взагалі, ідеальний скріншот (і мануал загалом) це той, який не треба робити. При правильному підході до UX і UI можна задіяти звичні та очевидні користувачеві патерни навігації та поведінки, які не потребують опису та пояснення.

Буде круто, якщо в коментарях ви поділіться своїм досвідом щодо створення скріншотів. Інструменти, процес, розміри, підписи, стилі, зберігання, автоматизація – цікаві будь-які практичні поради!

PS: Дякуємо за статтю нашому гуру створення технічної документації Олександру Зінчуку

Alconost займається локалізацією додатків, ігор та сайтів 60 мовами.Перекладачі-носія мови, лінгвістичне тестування, хмарна платформа з API, безперервна локалізація, менеджери проектів 24/7, будь-які формати рядкових ресурсів.

Ми також робимо рекламні та навчальні відеоролики – для сайтів, що продають, іміджеві, рекламні, навчальні, тизери, експлейнери, трейлери для Google Play та App Store.

Як зробити знімок екрана – відразу потрібного розміру

Створити картинку потрібного дозволу, виділити важливе, накласти фільтри і поставити підпис - все це можна зробити без використання сторонніх програм. Але про них також розповімо.

Безкоштовний вбудований інструмент Windows

Спершу розберемо ті інструменти, які є в Windows, а потім деякі утиліти сторонніх розробників.

Скріншот усієї області екрану

Щоб зробити скріншот усієї області екрана, вам не потрібно встановлювати додаткове програмне забезпечення. Просто використовуйте поєднання гарячих клавіш Windows+Print Screen (Вона ж PrtScr): Перевага цього способу в тому, що зроблений знімок відразу ж зберігається на жорсткий диск. Дуже прискорює роботу зі всіма скріншотами. Мінус – не можна вибрати область екрана. Збережений скріншот шукайте у папці з документами. Залежно від версії Windows, що використовується, така папка може називатися по-різному. Найчастіше – «Знімки екрана»: Ось скріншот, який ми відкрили в графічному редакторі та обрізали до необхідного розміру вручну: Щоб зробити скріншот тільки активного вікна, використовуйте клавіші Print Screen+Alt. Потім відкрийте будь-який графічний редактор і вставте знімок за допомогою комбінації гарячих клавіш Ctrl+V. Збережіть.

Скріншот заданої області екрану

Для цього можна скористатися вбудованим інструментом Snip and Sketch (ножиці).Він є у всіх останніх версіях Windows (7 та пізніші). Підготуйте область екрана, яку потрібно сфотографувати. Натисніть клавіші гарячих клавіш Windows+Shift+S. Інструмент запропонує вибрати область екрана для захоплення: Snip and Sketch дозволяє захопити екран, використовуючи 4 види форм: прямокутний фрагмент, довільний фрагмент, віконний та повноекранний фрагмент: Найчастіше вам буде потрібний звичайний прямокутник. Вибираємо його, натискаємо праву кнопку, і необхідна область екрана копіюється в буфер обміну: Тепер його можна копіювати в будь-який графічний редактор і зберігати на жорсткий диск.

Безкоштовний вбудований інструмент macOS

• знімок всього екрану;
• знімок вибраного вікна;
• знімок вибраної області;
• запис всього екрана;
• запис вибраної області.

Є додаткові параметри: місце збереження, таймер (щоб скрін зробився із затримкою), відображення курсору тощо.

Щоб зробити скрін певного розміру, виберіть «Знімок вибраної області». Утримуйте будь-який з повзунків лівою кнопкою миші та розтягуйте зображення. щоб збільшити чи зменшити майбутній скрін. Поруч із курсором буде відображатися роздільна здатність скрина – під потрібний розмір його можна підігнати вручну.

До речі, коли скрін буде готовий, у вбудованому фоторедакторі можна виділити потрібну область картинки.

Можливі три варіанти виділень: із затемненням непотрібної області, з обведенням кольором або збільшенням заданої області.

Для цього зайдіть у редактор зображень та виберіть графічну фігуру:

Lightshot

Lightshot – зручна безкоштовна утиліта для захоплення екрану, яка працює на всіх версіях Windows та MacOS.

Щоб зробити скріншот області екрана, встановлюємо та запускаємо Lightshot.

Підготовляємо екран та натискаємо Print Screen. Утиліта запропонує вказати область екрану для захоплення:

Виділяємо необхідну область екрану, затискаючи праву кнопку миші. Програма автоматично показує, яка роздільна здатність вийде у скрина (лівий верхній кут виділення). Щоб змінити роздільну здатність, збільшіть або зменшіть виділення:

Якщо ви зробили неправильний скріншот, натисніть клавішу Escape.

Щоб зберегти зображення, клацніть по іконці:

Усі скріншоти за промовчанням Lightshot зберігає на робочий стіл.

SnagIt

Утиліта для захоплення скріншотів робочого столу для Windows і MacOS, але з купою додаткових можливостей. Програма платна: вічна ліцензія коштуватиме вам 50 дол. За ці гроші SnagIt навчився:

• розпізнавати та захоплювати зображення, веб-сторінки, відео, текст;
• накладати фільтри для всіх зображень, що захоплюються;
• конвертувати зображення;
• захоплювати екран із таймером;
• захоплювати екран на будь-якій клавіші.

Завдяки SnagIt ви можете скринити веб-сторінки повністю, навіть якщо вони займають кілька екранів і вимагають прокручування.

Щоб зробити скріншот, завантажте та встановіть SnagIt. Підготуйте область екрана, яку потрібно сфотографувати, та натисніть клавішу Print Screen. Відкриється допоміжне вікно програми:

Усі налаштування рознесені за 3-ма розділами: режим All-in-one, параметри для скріншотів (Image) та параметри для відео (Video). Тому що нам потрібно зробити статичний скріншот – вибираємо Image.

У розділі Image є 3 режими: ручний вибір ділянки, вікно повністю, повний екран повністю.

Якщо потрібно зробити скріншот заданого розміру, у рядку Selection вибираємо значення Region:

Зверніть увагу: SnagIt дозволяє захопити не лише зображення екрану, а й текст окремо.

Встановлена ​​гаряча клавіша для скріншота відображатиметься фраза під кнопкою Capture:

Клацаємо по кнопці Capture або натискаємо клавішу Print Screen. Вибираємо область для захоплення зображення. Зручно, що відразу відображається попередня роздільна здатність скріншота. Робимо скріншот. Знаходимо його наступним шляхом: %LOCALAPPDATA%\TechSmith\Snagit\DataStore

Monosnap (розширення для Google Chrome)

Monosnap – найпопулярніший інструмент для захоплення екрану. Окрім розширення для браузера є і stand-alone-версія, яка працює не лише на Windows, а й на macOS.

У Monosnap доступні лише спартанські можливості: можна зробити скріншот повного екрана або окремої області. Також є підтримка міток + можна перенести файли у хмару.

Розглянемо, як зробити скріншот необхідного розміру Monosnap докладніше.

Завантажуємо розширення у Google Chrome. Запускаємо. Відразу зверніть увагу на іконку у розширеннях:

Клацаємо по ній правою кнопкою та вибираємо пункт «Знімок області сторінки»:

Щоб прискорити роботу під час захоплення вибраної області екрана, скористайтесь поєднанням гарячих клавіш Shift+Alt+5.

Відкриється нове вікно, де потрібно буде вибрати область екрана для захоплення:

Вибираємо коректну область та відпускаємо клавішу. Відкриється нове вікно, де потрібно натиснути «Зберегти» у верхній частині екрана:

Зверніть увагу на непоганий графічний редактор, який є у Monosnap. Він дозволить одразу відредагувати скріншот. Наприклад, видалити з нього елементи, заблюрити ділянку зображення, намалювати лінії та інші фігури.

Monosnap – абсолютно безкоштовний інструмент.

Як підігнати картинку під потрібний розмір у Photoshop

Зробити скріншот заданого розміру нескладно, а часу економить багато: не потрібно потім заходити до графічного редактора та змінювати картинку там.

Якщо ви все ж таки волієте робити знімок всього екрану, а потім кадрувати його, готуйтеся розчехляти «Фотошоп» і змінювати розмір картинки там.

Як змінити розмір фото у «Фотошоп»

Запускаємо Photoshop і відкриваємо необхідний скріншот.

Розмір зображення можна виводити у будь-яких зручних одиницях, наприклад, у пікселях:

Як бачимо, можна підігнати поточне зображення під готові формати друку (якщо ви плануєте роздрукувати скріншот надалі):

Або вручну задати ширину / висоту / роздільну здатність:

Якщо потрібно зображення конкретного розміру, уважно підганяйте під нього свою картинку Якщо пропорції вашого скрина не відповідають заданим, картинка спотвориться.

Як підігнати зображення під задані пропорції у «Фотошоп»

Вибираємо інструмент «Рамка» на панелі інструментів Photoshop зліва:

Тепер уточнюємо пропорції. Вказуємо ті, яким має відповідати новий варіант екрану:

Підтверджуємо вибраний варіант, натисканням Enter.

За потреби уточніть формат, якість зображення, що експортується, та інші параметри.

Як підігнати скріншот під необхідний розмір

Спершу створіть новий проект:

Вкажіть необхідний розмір зображення:

Натисніть "Ок". Відкриється нове робоче поле заданого розміру:

Щоб підігнати під нього вже існуючий скріншот, у розділі «Файл» вибираємо функцію «Помістити вбудовані» або натискаємо Ctrl+V, якщо щойно зробили скрін:

Відкриється вікно вибору файлу.

Тепер підганяємо його під наш шаблон, затримавши курсор миші:

Якщо зображення менше або більше робочої області, затисніть курсором одну з чотирьох кутових точок і розтягніть картинку.

Як зробити скріншот у Windows 10 та 11

В операційній системі Microsoft є встановлений додаток для знімка екрана - Ножиці.

Наприклад, у лютому 2024 року Microsoft почала тестувати можливість виділяти фрагменти на скріншотах за допомогою стрілок і інших фігур.

У «Ножницях» достатньо функцій для більшості сценаріїв.

Як зробити скріншот у Windows 11

Створити скріншот у Windows 11 можна за допомогою графічного інтерфейсу. Але часто зручніше і швидше робити це поєднанням клавіш.

💻 Через клавіші. Якщо вам потрібно зафіксувати зображення всього екрана, найпростіше це зробити одночасним натисканням кнопок Windows + Print Screen.На ноутбуках Print Screen часто викликається лише у поєднанні з клавішею Fn, тому для створення скріншота потрібно одночасно натиснути кнопки Windows+Print Screen+Fn.

Система одночасно скопіює скріншот у буфер обміну і помістить файл у форматі PNG в папку C:\Users\ім'я користувача\Pictures\Screenshots. Зображення з буфера обміну можна без зайвих дій перенести до графічного редактора, месенджера або будь-якої іншої програми, якщо натиснути на кнопку «Вставити» в меню правою кнопкою миші або поєднанням клавіш Ctrl + V .

Якщо файл скріншота не потрібен, можна зняти екран лише кнопкою Print Screen або Fn + Print Screen на ноутбуках. Зображення скопіюється у буфер обміну.

Ще одне поєднання - Alt + Print Screen або Alt + Fn + Print Screen на ноутбуках. Так можна зберегти зображення вікна програми на передньому плані. Скріншот скопіюється в буфер обміну.

✂️ Через додаток «Ножиці». Передвстановлений інструмент має два режими:

1. Класичний. Запускається через "Пуск" або по ярлику на робочому столі. Щоб перейти до створення скріншота, натисніть кнопку «Створити».
2. Швидкий доступ. Запускається поєднанням клавіш Windows+Shift+S. Відразу відкриється режим створення скріншота.

В обох випадках «Ножиці» пропонують кілька опцій, між якими можна перемикатися у меню «Режим створення фрагмента»:

1. Прямокутник. Якщо потрібно зняти прямокутну область, наприклад, кнопку в додатку. Встановіть курсор в один із кутів бажаної ділянки та потягніть мишею або тачпадом у будь-який бік. Як тільки ви закінчите виділення, відпустіть кнопку миші або тачпада.
2. Вікно. Можна вибрати одну із запущених програм на екрані.«Ножиці» автоматично обріжуть скріншот до меж вибраного вікна. Але на підсумковому зображенні у закруглених кутах вікна залишаться фрагменти шпалер робочого столу.
3. На весь екран. На скріншот потраплять не лише робочий стіл та вікна додатків, а й панель завдань.
4. Полілінії. Цей режим схожий на «Прямокутник» лише без обмежень форми скріншота: за допомогою миші або тачпада можна намалювати і виділити будь-яку фігуру.

У режимі "Полілінія" можна обвести фрагмент за допомогою мишки або тачпада - вийде зображення заданої форми

У результаті система скопіює скріншот в буфер обміну і покладе в папку C:Users ім'я користувача PicturesScreenshots.

За замовчуванням натискання клавіші Print Screen знімає скріншот всього екрана та кладе його у буфер обміну. Але у "Ножиць" куди більше функцій, так що можна перепризначити Print Screen на виклик програми в режимі швидкого доступу. Налаштування заховано у системних параметрах: перейдіть до розділу «Спеціальні можливості» → «Клавіатура» та увімкніть опцію «Використовуйте клавішу Print Screen для відкриття захоплення екрана».

Якщо часто знімаєте скріншот фрагмента екрана або окремого вікна, стандартна поведінка кнопки Print Screen марна.

Що можна зробити за допомогою Ножиць

🎨 Відредагувати скріншот. Якщо працювати з «Ножицями» в класичному режимі, скріншот автоматично відкриється у вбудованому редакторі Windows. З швидкого доступу редактор можна відкрити, натиснувши на повідомлення про збереження знімка екрана.

Редактор дозволяє виділити фрагмент кольоровим пером або маркером, обрізати зображення, скопіювати текст прямо з зображення або роздрукувати на принтері.Функції "Лінійка" та "Транспортир" додають відповідні інструменти на скріншот, щоб можна було намалювати рівне коло або лінію.

Ще є функція «Швидке маскування». Алгоритм знайде на зображенні номери телефонів та електронної пошти, а потім зафарбує їх чорним кольором. Зручно, якщо потрібно надіслати скріншот сторонній людині, не розкриваючи персональних даних.

📹 Записати відео з екрану. "Ножиці" вміють записувати скринкаст - так називають відео з тим, що відбувається на екрані в динаміці. На виході виходить відеофайл у форматі MP4.

Щоб розпочати запис, відкрийте «Ножиці» будь-яким способом: через клавіші Windows + Shift + S або через «Пуск». Потім у меню вибору режиму натисніть піктограму відеокамери. Щоб одразу переключитися на запис скринкасту, скористайтесь поєднанням Windows + Shift + R .

Апп запропонує виділити фрагмент екрану, який слід записати. Потім натисніть кнопку «Пуск». Інструмент запустить зворотний відлік трьох секунд, після чого розпочне запис. Щоб зупинити зйомку, натисніть на червоний квадрат у плаваючому меню керування. Результат відкриється у редакторі.

У налаштуваннях «Ножиць» можна додати до відео запис з мікрофона комп'ютера. За промовчанням програма записує звуки із системи — наприклад, музику, яка відтворюється в момент створення скринкасту. Щоб потрапити в налаштування "Ножиць", потрібно відкрити програму через "Пуск" і через триточкове меню у верхній панелі перейти в "Параметри". Ці ж опції доступні і в плаваючому меню керування.

Як зробити скріншот у Windows 10

У Windows 10 клавіша Print Screen та поєднання з нею працюють так само, як і в Windows 11. Програма «Ножиці» теж є, але зі застарілим інтерфейсом і без функції скринкастів. Розповім, як ним користуватися.

🖥️ Через графічний інтерфейс. Щоб запустити "Ножиці", відкрийте меню "Пуск" і знайдіть програму у списку "Всі програми" або почніть набирати ім'я програми в пошуку по системі.

В основному меню є кілька кнопок. "Створити" за замовчуванням запускає режим виділення області екрана. Але якщо натиснути на стрілочку поруч, можна перейти на зйомку всього екрана або ділянки довільної форми. У деяких версіях Windows 10 для вибору режиму виділено окрему кнопку.

За допомогою кнопки «Затримати» можна вибрати, чи відреагує кнопка «Створити» на натискання відразу або зачекає кілька секунд, щоб ви встигли відкрити меню, яке потрібно зняти. Джерело: news.microsoft.com

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

➕ Через клавіші. По комбінації Windows + Shift + S в Windows 10 відкривається інструмент "Фрагмент і малюнок". Принцип той самий, що й у швидкому доступі в Ножицях на Windows 11 . У верхній частині екрану є кнопки для вибору режиму: прямокутна область, довільна форма та весь екран.

Готовий скріншот опиниться у буфері обміну. Якщо натиснути на повідомлення про створення знімка, відкриється редактор зі стандартними інструментами: пером, маркером, гумкою, обрізанням зображення. Зліва нагорі є кнопки для збереження або копіювання результату.

У налаштуваннях операційної системи («Параметри» → «Спеціальні можливості» → «Клавіатура») можна призначити запуск «Фрагмент та начерк» на кнопку Print Screen.

Які є сторонні програми для скріншотів

⚡️ LightShot. Одна з найпопулярніших програм. LightShot викликається кнопкою Print Screen і одразу пропонує виділити фрагмент екрану. Варто відпустити кнопку миші, як з'явиться редактор — можна нанести текст, лінію, прямокутник чи малюнок від руки.

Легко зберегти зображення в буфер обміну, на згадку про комп'ютер або навіть у хмару: програма завантажить картинку на сервер і згенерує посилання. Але сервер LightShot заблокований в РФ, тому перейти по ній з пристрою з російською IP-адресою не вийде.

В утиліті мінімум налаштувань. Наприклад, можна змінити сполучення клавіш і налаштувати якість зображень, що завантажуються в хмару. LightShot розповсюджується безкоштовно.

📸 «Скріншотер». Російська програма з точки зору інтерфейсу схожа на LightShot, але виділяється хмарою, що працює, і наявністю підтримки скрінкастів. У безкоштовній версії можна записувати відео не більше 40 хвилин, у платній за 999 ₽ на рік — до 10 годин. З підпискою відключається реклама, а завантажені на сервер файли зберігаються завжди замість шести місяців.

🔁 ShareX. Протилежність LightShot: функцій та налаштувань так багато, що спочатку легко загубитися. З головного: є запис скринкастів у форматі GIF, вбудований редактор з масою інструментів, розпізнавання тексту на зображенні та можливість автоматично завантажувати скріншоти на Imgur, Pastebin та інші сервіси.

Можна вибрати, які дії слід виконати після створення знімка. Допустимо, спочатку завантажити його в хмару, скопіювати посилання в буфер обміну, а потім видалити файл із комп'ютера. Ще утиліта вміє автоматично виділяти компоненти інтерфейсу на екрані. Наприклад, можна зняти якусь кнопку в додатку, не витрачаючи час на ручне прицілювання курсором.

ShareX не має платної версії.