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

Як створити скріншот всієї сторінки сайту?

Більшість людей використовують для створення скріншота кнопку Print Screen, потім відкривають діалог або найпростіший графічний редактор і вставляють скріншот туди за допомогою клавіатурної комбінації Ctrl + V. Однак за допомогою кнопки Print Screen не можна створити скріншот цілої сторінки сайту, а це може стати в нагоді в різних ситуаціях.

  • Створити скріншот всієї сторінки сайту — навіщо це потрібно?
  • Як зробити скріншот всієї сторінки сайту — огляд доступних рішень
  • Як зробити скріншот сторінки сайту цілком використовуючи інструменти розробника в Google Chrome
  • Як зробити скріншот сторінки сайту в Mozilla Firefox?
  • Браузерні розширення для скріншотів Full Page Screen Capture
  • Як створити скрін всієї сторінки сайту за допомогою програми FastStone screenCapture?
  • Як зробити скріншот сайту цілком за допомогою браузерного розширення Nimbus Screenshot?
  • Як зробити скріншот сайту за допомогою програми Joxi?
  • Як зробити скріншот сайту онлайн цілком?
  • Як зробити скріншот всього сайту — поради і висновки
  • Створити скріншот всієї сторінки сайту — навіщо це потрібно?

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

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

    Як зробити скріншот всієї сторінки сайту — огляд доступних рішень

    За допомогою клавіші Print Screen створити єдиний скріншот сторінки сайту не вийде. Для цього знадобляться сторонні рішення. Це можна зробити за допомогою вбудованих інструментів деяких браузерів або спеціальних розширень. Крім того існують спеціалізовані онлайн-сервіси, призначені для створення довгих скріншотів, а також програми, які потрібно встановлювати на комп’ютер.

    Як зробити скріншот сторінки сайту цілком використовуючи інструменти розробника в Google Chrome

    В останніх версіях браузера Google Chrome з’явився вбудований інструмент, за допомогою якого можна створювати скріншот цілої сторінки сайту.

    • Не потрібно нічого встановлювати.
    • Скріншот створюється буквально за пару секунд.
    • Інтерфейс не перекладений на російську мову.
    • Не всі запам’ятають комбінацію клавіш і послідовність дій.

    Щоб створити скріншот веб-сторінки, зайдіть на потрібний вам сайт і перейдіть до «Інструментам розробника» (для цього можна скористатися комбінацією клавіш Shift + Ctrl + i, або клавіша F12). Потім на панелі, вгорі натисніть на кнопку у вигляді трьох точок.

    Після цього вам потрібно буде вибрати функцію «Capture full size screenshot» (розташована поруч функція «Capture screenshot» дозволяє створити скрін лише видимої частини екрану). Після цього повний скріншот веб-сторінки буде збережений в папку «Завантаження».

    Як зробити скріншот сторінки сайту в Mozilla Firefox?

    В даному браузері є вбудована функція створення єдиних скріншотів веб-сторінок. Це швидко і нескладно, тому розібратися зможе навіть початківець користувач. Однак ця функція є лише в найсвіжіших версіях браузера. Щоб зробити скріншот, дійте наступним чином:

    1. Зайдіть на потрібний вам сайт.
    2. У верхній правій частині екрана натисніть на кнопку у вигляді трьох точок.
    3. Із списку, виберіть функцію «Зробити скріншот».
    4. Вгорі праворуч виберіть опцію «Зберегти всю сторінку».

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

    Браузерні розширення для скріншотів Full Page Screen Capture

    Дане розширення призначене для браузера Google Chrome. Після його установки користувач може отримати скріншот цілої сторінки сайту менше, ніж за 5 секунд.

    • Скріншот можна створити буквально в два кліка.
    • Хороша якість зображення.
    • Створений скріншот можна редагувати (додавати стікери, геометричні фігури, текст і так далі).
    • Можна зберегти створений скріншот в форматі PDF.
    • Якщо створювати скріншот сторінки динамічного сайту, то склейка може бути неякісною.

    Щоб приступити до роботи, необхідно завантажити саме розширення. Після встановлення плагіну в панелі інструментів справа вгорі з’явиться іконка фотоапарата. Після натискання на цю іконку розширення автоматично створить скріншот веб-сторінки. Після цього ви зможете відредагувати отриманий скріншот, вибрати потрібний формат і зберегти підсумковий файл в папку з завантаженнями.

    Як створити скрін всієї сторінки сайту за допомогою програми FastStone screenCapture?

    Встановивши цю програму, ви зможете створювати повні скріншоти веб-сторінок, редагувати одержувані скріншоти і зберігати в різних форматах (PCX, PNG, TGA, TIFF і інших). Крім того, дана утиліта надає користувачам можливість запису відео.

    • Можна редагувати отриманий скріншот.
    • Можна записувати відео з екрану.
    • Можна відразу роздруковувати скріншоти, а також відправляти їх по електронній пошті.
    • Утиліту потрібно завантажувати і встановлювати.
    • Інтерфейс не можна назвати інтуїтивно зрозумілим. Доведеться витратити деякий час на вивчення основних інструментів.

    Щоб почати роботу, для початку встановіть програму FastStone screenCapture на комп’ютер. Далі запустіть її і відкрийте потрібний сайт. В панелі інструментів вгорі виберіть шосту іконку зліва, щоб створити повний скріншот веб-сторінки.

    Як зробити скріншот сайту цілком за допомогою браузерного розширення Nimbus Screenshot?

    Дане розширення працює в таких браузерах, як Google Chrome, Opera і Firefox. З його допомогою ви зможете створити повний скріншот веб-сторінки і відредагувати його.

    • Можна скрін веб-сторінки повністю, тільки її видиму частину або взагалі окремі елементи, представлені на веб-сторінці.
    • Є можливість постобробки отриманих скріншотів.
    • Можна зберігати скріншоти в різних форматах.
    • Можна відразу відправляти скріншоти в Google Drive і Dropbox.
    • Можна записувати відео з екрану і кадрувати його.
    • Знімати все вікно браузера разом з панелями можна тільки в браузері Google Chrome.
    • При створенні скріншотів динамічного сайту можуть виникати різкі переходи.

    Щоб зробити скріншот, потрібно встановити розширення в одному з підтримуваних їм браузерів. Після установки в панелі інструментів праворуч з’явиться іконка з буквою N. Зайдіть на потрібний сайт, натисніть на неї і в меню, виберіть пункт «Скріншот всієї сторінки сайту».

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

    Як зробити скріншот сайту за допомогою програми Joxi?

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

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

    1. Зайдіть на сайт, який необхідно заскрініть.
    2. Справа внизу виберіть вікно, де написано «Екран».
    3. Виділіть потрібну область і натисніть галочку.

    Як зробити скріншот сайту онлайн цілком?

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

    • Snapito.
    • Web Capture.
    • S-shot.ru.
    • Screenshot machine.
    • ScreenPage.ru.

    Як зробити скріншот всього сайту — поради і висновки

    Щоб створити скріншот всієї сторінки сайту найзручніше використовувати вбудовані інструменти браузера, але поки така функція є лише в Google Chrome і Firefox. В інших випадках варто користуватися браузерних розширеннями. Але буває і так, що в деяких браузерах розширення не завжди працюють коректно. У таких ситуаціях на допомогу приходять спеціалізовані програми, які встановлюються на комп’ютер.

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

    Робимо скріншот сторінки (екрана)

    Як зробити скрін сторінкиВсе частіше при роботі за комп’ютером, і в інтернеті зокрема, нам потрібно робити скріни сторінок.

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

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

    Саме для цих цілей дана стаття — щоб вирішити вашу задачу, яка не дає спокою і допомогти.

    Якщо немає змоги зробити скрін за допомогою клавіші Print Screen

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

    Етап 1: поміщаємо скрін в буфер

    Для цього, якщо у вас велика клавіатура (з цифровою клавіатурою), то досить просто натиснути на клавішу PrtScr.
    У цьому випадку буде зроблений знімок всього екрану і поміститься в буфер обміну.

    клавіша Print Screen

    Якщо ви хочете «сфоткати» тільки активне вікно (в тому випадку, якщо відкрито кілька вікон в Windows), то потрібно натиснути клавіші Alt + PrtScr. Тобто затискаєте Alt і як би додаєте PrtScr, щоб все спрацювало.

    клавіші Alt + PrtScr

    У разі, якщо у вас не спрацьовує комбінація клавіш Alt + PrtScr, то знайдіть клавішу Fn (біля Alt) і поєднується Fn + PrtScr.
    Таке часто буває на ноубук, де клавіатура маленька і не має справа цифрового блоку.

    клавіші Fn + PrtScr

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

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

    Етап 2: вставляємо зроблений знімок в графічний редактор

    Після того як ми виконали перший етап — запускаємо стандартну програму Paint яка є на будь-який ОС Windows:

    запускаємо Paint

    А потім просто у вікні програми натискаємо комбінацію клавіш «Ctrl + V»

    Ctrl + V

    вставка скрін в Paint

    Скріншот вставиться в програму з буфера обміну. Зараз вам просто потрібно в верхньому меню вибрати «Зберегти», або натиснути комбінацію клавіш «Ctrl + S» і вибрати місце на комп’ютері для збереження в будь-якому з доступних форматів: jpg, png, gif.

    При бажанні ви можете зменшити розмір зображення, розтягнути або стиснути його.

    Робимо знімок сторінки в Windows 7 за допомогою «ножиць»

    Якщо у вас операційна система Windows 7, то ви можете обійтися без клавіш, описаних в попередньому розділі, і без усіляких вставок.

    Вам досить запустити стандартну і дуже зручну програму під назвою «Ножиці» (Snipping Tool).

    Знайти її можна в меню «Пуск». Якщо там не видно, то скористайтеся пошуком, також як ми шукали Paint.

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

    Це режим називається «Прямокутник». Він стоїть за умовчанням. Але можна в меню, зі списку, вибрати й інші варіанти: «довільна форма», «вікно», «весь екран».

    режим прямокутника

    Після того як скріншот зроблений, зберігаєте його на комп’ютер, натисніть сполучення клавіш «Ctrl + S».

    Програма для скріншотів Lightshot

    Викачуємо софт по кнопці (для Windows):
    Завантажити Lightshot безкоштовно

    або зайдіть на оф.сайт https: // app.prntscr.com / ru /. Є версія і для Mac.

    Після установки в треї Windows (біля годинника) з’явиться іконка, клікнувши по якій можна вибрати область для скриншота. Далі зберігаємо його на комп’ютер або на сервер prntscr, щоб поділитися посиланням.
    Про можливості можете почитати на зображенні нижче.

    Як швидко зробити скріншот

    Блоковий редактор листів, готові шаблони email, форми підписки і автоматизація. Запускайте email-розсилки, щоб бути на зв’язку зі своїми клієнтами.

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

    Існує безліч способів зробити скріншот швидко:

    • натиснути гарячі клавіші в операційній системі;
    • використовувати вбудовану програму в системі;
    • встановити розширення в браузері;
    • завантажити програму на комп’ютер або ноутбук.

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

    Що зробити Який інструмент використовувати
    Скріншот всієї сторінки GoFullPage, Joxi, Awesome Screenshot, FireShot
    Скріншот довільної форми Ножиці, Малюнок на фрагменті екрану
    Скріншот активного вікна Скріншотер (декстопная версія), Screen-shooter, FireShot, Ножиці
    Використовувати гарячі клавіші Joxi, Awesome Screenshot, скріншотер (декстопная версія), Lightshot (декстопная версія)
    Затерти конфіденційні дані Awesome Screenshot, Joxi, скріншотер (декстопная версія), Screen-shooter
    Додати послідовність кроків Joxi, Screen-shooter, Awesome Screenshot (платно)
    Вибрати якість зображення Screen Capture, Lightshot (декстопная версія), Joxi (декстопная версія)
    Знайти схожі зображення в Google Lightshot
    Швидко поділитися скріншотом в соцмережах Joxi, Lightshot
    Зберегти скріншот в PDF GoFullPage, Awesome Screenshot, FireShot
    Робити скріншоти і знімати скрінкасти в одному інструменті Awesome Screenshot, скріншотер (декстопная версія)

    Гарячі клавіші

    Щоб зробити скріншот:

    • всього екрану, натисніть Shift + Command + 3;
    • виділеної області — Shift + Command + 4;
    • вікна браузера — Shift + Command + 4, потім натисніть пробіл і натисніть вікно.

    Mac все знімки зберігає на робочому столі в форматі PNG.

    Щоб зробити скріншот:

    • всього екрану, натисніть PrtSc;
    • активного вікна — Alt + PrtSc.

    Скріншот зберігається в буфері обміну. Це зручно, коли потрібно вставити зображення відразу в документ (наприклад, в Google Документи) або в редактор (Paint, Photoshop). Щоб вставити скріншот натисніть Ctr + v або виберіть потрібний пункт в контекстному меню (права кнопка миші).

    Якщо хочете відразу зберегти знімок як файл, натисніть Win / Fn + PrtSc. Файл шукайте на системному диску в папці Зображення / Знімки екрану (Screenshots).

    вбудовані програми

    Знімок екрана (macOS)

    Де знайти. Через пошук, або натисніть Shift + Command + 5.

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

    Є таймер, який затримує знімок на 5 або 10 секунд. Така функція корисна, коли потрібно зняти випадають меню і системні повідомлення.

    Утиліта дозволяє відредагувати зображення: перевернути, додати написи і виділити головне.

    Ножиці (Windows 10)

    Де знайти. Через пошук або в меню «Пуск» — «Стандартні Windows».

    що вміє. Робить знімок екрана, активного вікна або вибраної області. З особливостей — дозволяє виділити як прямокутну область, так і область довільної форми.

    Виділення в формі сердечка. Скріншот вікна програми зроблений за допомогою клавіш Alt + PrSc

    У інструменту «Ножиці» є таймер для затримки знімка до 5 секунд.

    Отриманий знімок відкривається в редакторі, де є перо і маркер для виділень. Скасувати зміни не можна, що незручно. Тому якщо потрібно відредагувати скрін, краще відкрити його в Paint (це робиться прямо з меню «Ножиць»).

    Готове зображення зберігається в JPG або PNG.

    Команда Windows 10 погрожує в одному з наступних оновлень замінити інструмент «Ножиці» на утиліту «Малюнок на фрагменті екрану». Щоб отримати до неї доступ, натисніть Win + Shift + S. Тут немає таймера і можливості зняти активне вікно, зате є скасування в редакторі.

    Меню інструменту «Малюнок на фрагменті екрану»

    Розширення в браузері

    Буду рухатися від найпростіших до найбільш функціональним.

    GoFullPage

    Мова. англійська.

    що вміє. Робить скріншот всієї сторінки в один клік. Для цього натисніть на значок розширення або Alt + Shift + P. Якісно і швидко Скріншот сторінки цілком.

    Щоб зберегти готовий скрін як файл, перетягніть його на робочий стіл.

    формат. PNG або PDF.

    Скільки коштує. безкоштовно.

    скріншотер

    Мова. Русский.

    що вміє. Фотографує виділену область в два кліка, дозволяє ділитися посиланням або зберігати файл на диск. Посилання відразу копіюється в буфер.

    Не сподобалося, що при виборі інструменту зменшується видима область екрану, як ніби змінюється дозвіл (працюю на ноутбуці на Windows 10).

    формат. PNG.

    Скільки коштує. безкоштовно.

    Розширення змінює розмір екрану після запуску, через що у мене не помістилися картинка праворуч і текст підписів

    Lightshot

    Мова. Русский.

    що вміє. Робить скріншот виділеної області. На відміну від «скріншотер», в Lightshot є редактор з основними інструментами. Дозволяє додати текст, виділення, стрілки, лінії і форми. Не вміє розмивати частини скриншота.

    З плюсів — розширення дозволяє швидко поділитися знімком в соцмережах (ВКонтакте, Facebook, Twitter, Pinterest) або роздрукувати скрін.

    Ще одна прикольна функція — пошук схожих картинок в Google прямо через редактор сервісу.

    формат. PNG.

    Скільки коштує . безкоштовно.

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

    FireShot

    Мова. англійська.

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

    Готове зображення FireShot пропонує зберегти, переслати поштою або роздрукувати. У платній версії також є експорт знімків в OneNote, Twitter і Flickr.

    Великий мінус — у безкоштовній версії немає редактора.

    формат. PDF, JPG, PNG, GIF або BMP.

    Скільки коштує. Безкоштовно без редактора. Є довічна ліцензія — близько 3000 руб.

    Мова. Русский.

    що вміє. Фотографує фрагмент або всю сторінку. Підтримує гарячі клавіші. Дозволяє зберегти картинку на комп’ютер або опублікувати в хмарі і відразу отримати посилання. Зручно, що можна швидко поділитися скріншотом в соцмережах.

    У редакторі багато інструментів. Малюйте олівцем; додавайте прямі лінії, стрілки, фігури і коментарі; приховуйте зайве за допомогою розмиття. У редакторі Joxi є навіть послідовність кроків.

    Щоб мати доступ до історії скріншотів, потрібно зареєструватися.

    формат. PNG.

    Скільки коштує. безкоштовно.

    Joxi може розшарити картинку в 40 соцмереж

    Awesome Screenshot

    Мова. англійська.

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

    У редакторі сервісу є всі стандартні інструменти для редагування, в тому числі розмиття і можливість змінювати розмір картинки.

    Готове зображення можна зберегти у вигляді файлу на комп’ютері або в хмарі (безкоштовно доступний Google Диск), роздрукувати або поділитися з командою через Asana, Slack і Trello (потрібна реєстрація).

    Великий плюс Awesome Screenshot — розширення дозволяє записувати не тільки скріншоти, а й скрінкасти.

    формат. PNG або JPEG (вибирається в настройках), PDF.

    Скільки коштує. безкоштовно. Є платні тарифи від 300 руб./ міс. В основному прокачують можливості для скрінкасти.

    Декстопние програми

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

    скріншотер

    Мова. Русский.

    що вміє. Знімає весь екран, виділену область або активне вікно. Підтримує гарячі клавіші.

    На відміну від розширення у програми є редактор з основними інструментами і розмиванням.

    В налаштуваннях можна вибрати формат і якість зображення. Готовий скрін програма дозволяє зберегти на диск або завантажити на сервер.

    Найголовніша особливість декстопной версії «скріншотер» — програма вміє знімати відео в форматі mp4 до 60 хвилин.

    формат. PNG і JPG.

    Скільки коштує. безкоштовно.

    сервіс для скріншотів «скріншотер»

    Screen-shooter

    Мова. Русский.

    що вміє. Знімає екран, область і активне вікно. Можна налаштувати гарячі клавіші.

    Серед інструментів є і розмиття, і послідовність кроків.

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

    У програми приємний інтерфейс. Одне погано: при спробі зробити скріншот у мене змінюється розмір видимого екрану, тому робити скріни незручно.

    формат. PNG.

    Скільки коштує. безкоштовно.

    Screen-shooter

    Screen Capture

    Мова. Русский.

    що вміє. Робить скріншот обраної області. Підтримує управління за допомогою гарячих клавіш.

    Є редактор з усіма основними інструментами.

    Готове зображення зберігає в буфер обміну, на жорсткий диск або завантажує в хмару. Є можливість задавати якість знімків.

    Непогана програма, але і тут у мене залишилася проблема з розміром видимої частини екрану — вона змінюється після вибору інструмента. У декстопних версіях «скріншотер», Joxi і Lightshot цієї проблеми немає.

    формат. JPG.

    Скільки коштує. безкоштовно.

    програма для скріншотів Sreen Capture

    Як зробити гарний і корисний скріншот

    1. Чи не дрібнити . Важливі елементи, заради яких робиться скріншот, повинні бути помітні і зрозумілі без лупи і пильної розглядання.

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

    3. Акцентуйте увагу на важливому. Використовуйте стрілки і виділення.

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

    5. Прибирайте конфіденційну інформацію. Не забудьте приховати всі персональні дані, якщо плануєте викласти зображення в мережу. Добре для цього підходить інструмент «Розмиття».

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

    Ссылка на основную публикацию