Повний посібник зі створення знімка екрана всієї веб-сторінки
Ми часто робимо скріншоти веб-сторінок, які містять цінний контент. І вбудований інструмент створення знімків екрану, і стороннє програмне забезпечення, і навіть деякі соціальні програми можуть допомогти зробити знімок поточного екрану та зберегти всю інформацію для подальшого використання або ефективно поділитись нею з іншими. Ти знаєш як зробити знімок всього екрана веб-сторінки?
У цій статті розповідається про кілька ефективних способів зробити знімок екрана всієї веб-сторінки. Якщо ви хочете зробити знімок екрана сторінки, що прокручується в Chrome, Edge, Firefox, Safari або іншому веб-браузері, який ви використовуєте, ви можете знайти кращий інструмент.
Частина 1. Найкращий спосіб зробити знімок всього екрана веб-сторінки
Якщо ви віддаєте перевагу універсальному інструменту для захоплення екрана, який може робити знімки екрана цілих веб-сторінок у всіх браузерах, спробуйте використати популярний Aiseesoft Screen Recorder. Як відоме програмне забезпечення для захоплення відео, аудіо та знімків екрана, воно дає простий спосіб робити повносторінкові знімки екрана у всіх браузерах, включаючи Chrome, Firefox, Edge, Safari та інші. Що ще важливіше, він може робити знімки екрана найвищої якості на екрані монітора або телефону.
100% безпека. Без реклами.
100% безпека. Без реклами.
Завантажте та відкрийте цей інструмент для створення знімків екрана на своєму ПК з Windows або Mac, щоб зробити знімки всієї веб-сторінки. Він надає кілька інструментів для різних завдань захоплення, таких як відео, запис ігор, захоплення екрану, запис телефону та багато іншого.Виберіть інструмент «Знімок екрана», щоб зробити знімки всієї веб-сторінки.
Ви можете вільно захопити весь екран, активне вікно або вибрану область, залежно від ваших потреб. Aiseesoft надає різні можливості для безпосереднього редагування знімка екрану, додавання міток та багато іншого. Потім збережіть повносторінковий знімок екрана у відданому форматі зображення, наприклад PNG або JPG.
Крім захоплення всієї веб-сторінки на Mac і ПК, це повнофункціональне програмне забезпечення для захоплення екрана також дозволяє робити знімки екрана на iPhone або телефоні Android. Він дозволяє легко віддзеркалювати екран вашого телефону на комп'ютері, а потім записувати дії або захоплювати веб-сторінку та інший вміст екрана.
Частина 2. Вбудовані інструменти для створення знімків екрана цілих веб-сторінок на Mac та ПК з Windows
Комп'ютери Mac і Windows мають вбудовані інструменти для створення фотографій екрана. Однак можна робити знімок лише поточного екрана. Якщо ви використовуєте Mac, ви можете записати всю веб-сторінку у вигляді відео. Знову ж таки, ви не можете зробити знімок екрана веб-сторінки, що прокручується.
Хитрий спосіб зробити знімок екрану всієї веб-сторінки
Коли ви перебуваєте на веб-сторінці, яку хочете захопити, слід спочатку перевести браузер у повноекранний режим. Потім одночасно натисніть клавіші Command (Ctrl) та «мінус» (-), щоб зменшити масштаб сторінки доти, доки весь вміст не стане видимим без прокручування. Тепер можна використовувати вбудований інструмент створення знімків екрана на своєму комп'ютері, щоб зробити знімок екрана. Натисніть Command+Shift+4 на Mac або клавішу Print Screen (Prt Sc) на ПК з Windows.Після того, як ви зробите знімок екрана всієї веб-сторінки, вам може знадобитися відредагувати його та видалити непотрібні області з обох боків.
Зробіть знімок екрана всієї веб-сторінки в Chrome
Деякі сучасні браузери пропонують інструмент прихованого створення знімків екрану, який дозволяє робити знімки веб-сторінки, що рухається. Наприклад, ви можете використовувати інструменти розробника в Google Chrome, щоб зробити повнорозмірний знімок екрана. Ви можете натиснути клавіші Command+Option+I на Mac або клавіші Ctrl+Shift+I на ПК з Windows, щоб отримати доступ до інструментів розробника. Натисніть меню з трьох вертикальних точок і виберіть «Виконати команду». Введіть знімок екрана у командному рядку, а потім виберіть Знімок екрана у повному розмірі варіант. Натисніть відповідну кнопку "Знімок екрана", щоб легко зробити знімок екрана всієї веб-сторінки в Chrome.
Зробіть знімок екрана всієї веб-сторінки у Firefox
Браузер Mozilla Firefox має зручний інструмент для створення знімків екрану. Коли ви перебуваєте на цільовій веб-сторінці, на якій хочете захопити весь вміст, клацніть правою кнопкою миші порожню частину сторінки та виберіть «Зробити знімок екрана». Тепер у правому верхньому кутку у вас є дві опції, щоб зробити знімок екрана: "Зберегти видимим" та "Зберегти всю сторінку". Тут просто натисніть "Зберегти всю сторінку", щоб зберегти всю веб-сторінку. Ви отримуєте вікно попереднього перегляду, щоб перевірити зроблений знімок екрана. Потім ви можете скопіювати або завантажити його залежно від поточних потреб.
Зробіть знімок екрана з прокручуванням на Edge
Незалежно від того, чи ви використовуєте браузер Microsoft Edge на ПК з Windows або Mac, ви можете безпосередньо зробити повносторінковий знімок екрану. Якщо ви хочете зробити знімок екрана всієї веб-сторінки, просто клацніть триточковий значок і виберіть "Веб-захоплення". Потім скористайтеся параметром "Захопити всю сторінку", щоб захопити всю веб-сторінку.
Зробіть знімок екрану всієї веб-сторінки Safari.
Відкрийте браузер Safari на своєму Mac та перейдіть на сторінку, яку хочете захопити. Відкрийте меню Safari та перейдіть до «Налаштування». На вкладці "Додатково" встановіть прапорець "Показати функції для веб-розробників". Ви побачите напис «Розробка» у верхньому рядку меню.
Відкрийте меню «Розробка» та виберіть «Показати веб-інспектор». Переконайтеся, що ви на вкладці «Елементи», і клацніть правою кнопкою миші рядок html. Виберіть «Зробити знімок екрана» у діалоговому вікні. Перейменуйте знімок екрана, виберіть відповідну папку для збереження та натисніть кнопку «Зберегти».
Частина 3. Як робити скріншоти усієї сторінки за допомогою розширень браузера
Щоб легко зробити знімок екрана всієї сторінки в браузері, можна також скористатися пов'язаними розширеннями. У порівнянні з вбудованими інструментами створення знімків екрана ці розширення браузера часто пропонують додаткові функції для налаштування та редагування. Ви можете легко знайти та отримати доступ до потрібного розширення в інтернет-магазині. Деякі популярні включають GoFullPage, FireShot, Full Page Screen Capture та інші.
Я хотів би використати переконливий приклад GoFullPage, щоб показати вам, як зробити скріншот усієї сторінки в Chrome. Знайшовши його в Інтернет-магазині Chrome, натисніть кнопку «Додати до Chrome».
Коли ви перебуваєте на потрібній веб-сторінці, яку хочете захопити, натисніть верхню кнопку «Розширення» та виберіть розширення GoFullPage. Він почне робити скріншот усієї веб-сторінки. Після цього у вас є можливість відредагувати знімок екрана та завантажити його у правильному форматі, наприклад, PNG, JPEG або PDF.
Частина 4. Часті питання про те, як зробити знімок екрана всієї веб-сторінки
Питання 1. Як зробити знімок екрана сторінки, що прокручується в Chrome?
Браузер Google Chrome не пропонує вбудованого способу прямого робити знімки екрана з прокручуванням. Як правило, ви можете використовувати відповідне розширення для захоплення екрана, щоб зробити знімок екрана всієї веб-сторінки. Деякі популярні варіанти включають GoFullPage, Awesome Screenshot та FireShot.
Запитання 2. Як зробити скріншот повної веб-сторінки на iPhone?
Якщо вам потрібно зробити знімок екрана усієї веб-сторінки на вашому iPhone, ви можете спочатку зробити знімок поточного екрана звичайним способом. Наприклад, ви можете одночасно швидко натиснути бічну кнопку та кнопку збільшення гучності («Додому»), щоб зробити знімок екрана. У нижньому лівому кутку ви побачите мініатюру скріншота. Торкніться, щоб отримати доступ до параметрів редагування. Натисніть "Вся сторінка", а потім перегляньте всю веб-сторінку. Натисніть «Зберегти» у верхньому лівому куті, щоб зберегти повносторінковий знімок екрана. Цей метод добре працює у браузері Safari за замовчуванням.
Питання 3. Як зробити скріншот усієї сторінки в Chrome без розширення?
Як я вже згадував вище, ви можете розраховувати на розширення, щоб легко зробити знімок екрана всієї сторінки в Chrome.Без розширення можна використовувати вбудовані інструменти розробника, щоб зробити знімок екрана всієї веб-сторінки в Chrome.
Натисніть Ctrl+Shift+I у Windows або Command+Option+I на Mac, щоб отримати доступ до інструментів розробника. Потім натисніть Ctrl+Shift+P або Command+Shift+P, щоб відобразити меню команд. Після цього введіть знімок екрана та виберіть "Зробити знімок екрана в повному розмірі". Захоплена сторінка прокручування буде збережена як зображення PNG.
Я сподіваюся, що прочитавши цю статтю, ви отримаєте достатньо порад та інструментів, які допоможуть вам з легкістю зробити скріншоти усієї веб-сторінки. Якщо у вас виникнуть додаткові запитання щодо скріншоту веб-сторінки, ви можете залишити мені повідомлення.
Що ви думаєте про цей пост.
Рейтинг: 4.7 / 5 (на основі голосів 112) Підпишіться на нас
- Як легко зробити знімок екрана на Chromebook за допомогою клавіш або ні Найпростіші способи зробити знімок екрана в Chrome вже включені в цю статтю. Вам краще натиснути на це та прочитати всю статтю, щоб дізнатися, як це зробити.
- Найкращі 3 аудіо-рекордера браузера для захоплення аудіо з браузера Як мені записати звук із мого браузера? Як захопити звук у Chrome, IE чи Safari? Як я можу записати голос онлайн безкоштовно? Який браузер найкраще підходить для запису звуку? У цьому пості рекомендується 3 чудові аудіо-рекордери для браузера, які допоможуть вам захоплювати звук з вашого браузера.
- Як виправити непрацюючий запис екрана iOS 18/17/16/15/14/13 Після останнього оновлення iOS запис екрана не працює на iPhone або iPad. У цьому пості описані повні способи усунення непрацюючої проблеми iOS 13/14/15/16/17.
Поради щодо створення знімків екрану
Aiseesoft Screen Recorder – найкраще програмне забезпечення для запису екрана, що дозволяє захоплювати будь-які дії, такі як онлайн-відео, дзвінки з веб-камери, гра на Windows/Mac.
100% безпека. Без реклами.
100% безпека. Без реклами.
Якщо ви шукаєте, як зробити повний скріншот веб-сторінки на Mac або ПК, цей пост для вас. Я випробував кілька інструментів та методів, які стверджують, що можуть зробити знімок екрану всієї веб-сторінки, але на момент написання цієї статті працюють лише деякі з них.
Ви хочете зробити це швидко, тому я покажу вам, як це зробити крок за кроком. Я також вкажу на плюси та мінуси кожного методу, просто хотів заощадити ваш час, з'ясовуючи, який метод кращий для вас.
Цей посібник призначений для тих, хто хоче зробити повний знімок екрана всієї або довгої веб-сторінки – це означає, що є розділи, які не повністю помітні на вашому екрані.
Якщо ви просто хочете захопити статичне вікно або повний екран робочого столу, це посібник не тобі. Ви можете використовувати вбудовані інструменти на своєму комп'ютері або телефоні, щоб зробити це швидко: Shift+Command+4 (macOS) або Ctrl+PrtScn (Віндовс).
- Не бажаєте завантажувати будь-яке програмне забезпечення чи розширення? Намагатися Метод 1 or Метод 7.
- Якщо ви використовуєте браузер Mozilla Firefox, спробуйте Метод 2.
- Якщо ви хочете робити знімки екрана, а також вносити прості зміни, спробуйте Спосіб 3, 5, 6.
Швидке оновлення: для користувачів Mac навіть можна зробити повнорозмірний знімок екрана без розширення браузера.
1. Відкрийте DevTools у Chrome (команда + опція + I)
2.Відкрийте меню команд (command+shift+P) та введіть «скриншот».
3. Виберіть один із двох варіантів «Зробити знімок екрана в повному розмірі» або «Зробити знімок екрана».
4. Захоплене зображення буде завантажено на комп'ютер.
– Рада надана нашим читачем Гансом Куїджперсом.
1. Роздрукуйте та збережіть всю веб-сторінку у форматі PDF
Припустимо, ви хочете отримати, скажімо, звіт про прибутки та збитки з Yahoo Finance. Спочатку відкрийте сторінку у веб-браузері. Тут я використовую Chrome на своєму Mac як приклад.
Крок 1. У меню Chrome клацніть Файл > Друк.
Крок 2: Натисніть кнопку «Зберегти», щоб експортувати сторінку до PDF-файлу.
Крок 3. Якщо ви хочете вбудувати фінансовий лист у проект PowerPoint, вам може знадобитися спочатку перетворити PDF-файл на зображення у форматі PNG або JPEG, а потім обрізати зображення тільки для включення частини даних.
- Це швидко.
- Немає необхідності завантажувати будь-яке стороннє програмне забезпечення.
- Якість скріншота хороша.
Мінуси:
- Для перетворення PDF-файлу на зображення може знадобитися додатковий час.
- Безпосередньо налаштувати скріншоти складно.
2. Скріншоти Firefox (для користувачів Firefox)
Скріншоти Firefox – це нова функція, розроблена командою Mozilla, яка допоможе вам робити, завантажувати, збирати та ділитися знімками екрану. Ви можете використовувати цю функцію, щоб швидко зберегти скріншот усієї веб-сторінки.
Крок 1: Натисніть меню дій сторінки в адресному рядку.
Крок 2: Виберіть «Зберегти всю сторінку».
Крок 3: Тепер можна завантажити зображення прямо на робочий стіл вашого комп'ютера.
Примітка: я бачив, що ця функція все ще знаходиться в Бета-версії, тому немає гарантії, що Firefox збереже її.Але до того часу, коли цю посаду було оновлено востаннє, ця функція все ще доступна. Крім того, найпопулярніший веб-браузер, такий як Apple Safari або Google Chrome ще не пропонує цю функцію.
3. Parallels Toolbox для Mac (Safari)
Якщо ви хочете зробити знімок екрана з прокручуванням на Mac, вам сподобається ця функція під назвою «Сторінка знімків екрана» в Parallels Toolbox який включає кілька невеликих утиліт.
Примітка. Parallels Toolbox не є безкоштовним програмним забезпеченням, але пропонує 7-денну пробну версію без будь-яких функціональних обмежень.
Крок 1: завантажити Parallels Toolbox і встановіть програму на свій Mac. Відкрийте його та знайдіть Скріншоти > Сторінка зі скріншотами.
Крок 2: натисніть Скріншот сторінки і ви потрапите в інше вікно з проханням додати розширення до Safari. Як тільки ви увімкнете його, ви побачите цей значок у браузері Safari.
Крок 3: Виберіть сторінку, яку потрібно зробити, і клацніть Parallels Screenshot. Після цього сторінка автоматично прокрутиться, зробить знімок екрана та збереже його у вигляді PDF на робочому столі.
я використав цю сторінку про програмне забезпечення наприклад, та це спрацювало дуже добре.
- Якість вихідного PDF-файлу дуже хороша.
- Вам не потрібно прокручувати вручну, програма зробить це за вас.
- Крім створення скріншота веб-сторінки, ви також можете зробити знімок області або вікна.
- Встановлення програми займає небагато часу.
- Це не безкоштовне програмне забезпечення, хоча надається 7-денна пробна версія без обмежень.
4. Awesome Screenshot Plugin (для Chrome, Firefox, Safari)
Awesome Screenshot має плагін, який може захоплювати всю або частину будь-якої веб-сторінки. Крім того, він дозволяє редагувати знімки екрана: ви можете коментувати, додавати анотації, розмивати конфіденційну інформацію тощо. Плагін сумісний з основними веб-браузерами, включаючи Chrome, Firefox та Safari.
Ось посилання для додавання плагіна:
- Chrome
- Firefox(Примітка: оскільки скріншоти Firefox тепер доступні, я більше не рекомендую цей плагін. Докладніше див. у методі 2.)
- Safari
Я протестував плагін у Chrome, Firefox та Safari, і всі вони працюють добре. Щоб спростити завдання, я використовуватиму як приклад Google Chrome. Кроки використання Awesome Screenshot для Firefox і Safari дуже схожі.
Крок 1. Відкрийте вказане вище посилання Chrome і натисніть кнопку «ДОДАТИ В CHROME».
Крок 2: Натисніть «Додати розширення».
Крок 3: Як тільки значок розширення з'явиться на панелі Chrome, натисніть на нього та виберіть параметр «Захоплення всієї сторінки».
Крок 4: Ця веб-сторінка автоматично прокручується вниз протягом кількох секунд. Відкриється нова сторінка (див. нижче), на якій показано знімок екрана з панеллю редагування, що дозволяє обрізати, коментувати, додавати візуальні ефекти тощо. Коли закінчите, натисніть «Готово».
Крок 5: Натисніть значок «Завантажити», щоб зберегти знімок екрана. Ось і все!
- Надзвичайно простий у використанні.
- Функції редагування зображень чудові.
- Він сумісний із основними веб-браузерами.
Мінуси:
- За словами його розробника, розширення може мати справу з деякими проблемами в роботі. Я ще не стикався із такими проблемами.
5. Захоплення вікна, що прокручується, або всієї сторінки за допомогою Snagit
Мені це дуже подобається Snagit (Відгук). Це потужний додаток для захоплення та редагування екрану, який дозволяє робити практично все, що пов'язане зі скріншотами. Щоб зробити повний скріншот веб-сторінки, виконайте такі дії (як приклад я використовуватиму Snagit для Windows):
Зверніть увагу: Snagit не є безкоштовним програмним забезпеченням, але має 15-денну безкоштовну пробну версію.
Крок 1: Отримати Snagit і встановити його на свій ПК або Mac. Відкрийте головне вікно захоплення. Під Зображення > Вибір, переконайтеся, що ви вибрали «Вікно, що прокручується». Натисніть червону кнопку "Захоплення", щоб продовжити.
Крок 2: Знайдіть веб-сторінку, скріншот якої хочете зробити, та перемістіть курсор у цю область. Тепер Snagit буде активовано, і ви побачите, як рухаються три жовті кнопки зі стрілками. Нижня стрілка є «Захоплення області вертикальної прокрутки», стрілка вправо представляє «Захоплення області горизонтальної прокрутки», а стрілка в нижньому правому куті представляє «Захоплення всієї області прокрутки». Я натиснув на опцію «Захоплення області вертикального прокручування».
Крок 3: Тепер Snagit автоматично прокручує сторінку та захоплює частини за межами екрана. Незабаром з'явиться вікно Snagit Editor зі скріншотом, який він щойно зробив. Чи бачите перелічені там доступні функції редагування? Ось чому Snagit виділяється з натовпу: ви можете вносити стільки змін, скільки хочете, з безліччю варіантів.
- Він може захоплювати веб-сторінку, що прокручується, а також вікно.
- Потужні функції редагування зображень.
- Дуже інтуїтивно зрозумілий та простий у використанні.
Мінуси:
- Завантаження та встановлення програми займає час (розмір ~90 МБ).
- Це не безкоштовно, хоча є 15-денна пробна версія.
6. Програма Capto (тільки для Mac)
Capto – це додаток для підвищення продуктивності для багатьох користувачів Mac, у тому числі й для мене. Основна цінність програми полягає в запису відео з екрана на вашому Mac, але воно також дозволяє робити знімки екрана та зберігати зображення у своїй бібліотеці. Потім ви можете легко редагувати, систематизувати та ділитися ними.
Примітка. Як і Snagit, Capto також не безкоштовне програмне забезпечення, але пропонує пробну версію, якою ви можете скористатися.
Ось як зробити знімок екрану за допомогою Capto:
Крок 1: Відкрийте програму та у верхній частині меню клацніть піктограму «Інтернет». Там можна по-різному прив'язати URL-адресу веб-сторінки. Наприклад, якщо ви вже знаходитесь на сторінці, просто натисніть «Прив'язати активну URL-адресу браузера».
Крок 2: Ви також можете відредагувати знімок екрана, наприклад, виділити область, додати стрілку або текст і т. д., використовуючи інструменти на лівій панелі.
Крок 3: Тепер Capto витягне елементи сторінки та збереже зображення у своїй бібліотеці. Потім виберіть "Файл" > "Експорт", щоб зберегти його локально.
Примітка. Якщо ви вирішите дозволити Capto прив'язувати веб-сторінку з активного браузера, це може зайняти деякий час у разі довшої веб-сторінки.
Інші методи
Під час мого дослідження я знайшов також кілька інших методів роботи. Я не хочу наводити їх вище, тому що вони не так хороші, враховуючи час та зусилля, які вам потрібно вкласти, та якість виведення. Тим не менш, вони працюють, тому не соромтеся спробувати деякі з них.
7.Зробіть повнорозмірний знімок екрана Chrome без розширення для браузера
Цією порадою люб'язно поділився один із наших читачів, Ганс Куйперс.
- Відкрийте DevTools у Chrome (OPTION + CMD + I)
- Відкрийте меню команд (CMD+SHIFT+P) та введіть «скриншот».
- Виберіть один із двох варіантів «Зробити знімок екрана в повному розмірі» або «Зробити знімок екрана».
- Захоплене зображення буде завантажено на ваш комп'ютер.
8. Веб-Capture.Net
Це повноформатний онлайн-сервіс скріншотів веб-сайтів. Ти перший відкрити сайт, скопіюйте URL-адресу веб-сторінки, скріншот якої хочете зробити, та вставте сюди (див. нижче). Також можна вибрати формат файлу для експорту. Натисніть Enter на клавіатурі, щоб продовжити.
Потерпи. Мені знадобилося близько двох хвилин, перш ніж я побачив повідомлення «Ваше посилання оброблено! Ви можете завантажити файл або ZIP-архів». Тепер ви можете завантажити скріншот.
- Це працює.
- Немає необхідності встановлювати програмне забезпечення.
Мінуси:
- Купу реклами на його сайті.
- Процес створення скріншотів повільний.
- Немає функцій редагування зображень.
9. Захоплення екрана на весь екран (розширення Chrome)
Подібно до Awesome Screenshot, Full Page Screen Capture — це неймовірно простий у використанні плагін для Chrome. Просто встановіть його (ось посилання на сторінку розширення) у браузері Chrome, знайдіть веб-сторінку, яку хочете захопити, та натисніть піктограму розширення. Скріншот робиться майже миттєво. Тим не менш, я знайшов його менш привабливим, тому що він не має функцій редагування зображень, які є у Awesome Screenshot.
10. Папараці (тільки для Mac)
Оновлення: ця програма давно не оновлювалася, можливі проблеми сумісності з останньою версією macOS. Тому більше не рекомендую.
Папараці! – це утиліта для Mac, розроблена Нейтом Уівером спеціально для створення скріншотів веб-сторінок. Це досить інтуїтивно. Просто скопіюйте та вставте посилання на веб-сторінку, вкажіть розмір зображення або час затримки, і програма поверне вам результат. Після цього клацніть піктограму завантаження, розташовану в нижньому правому куті, щоб експортувати знімок екрана.
Мене найбільше турбує те, що програма останній раз оновлювалася кілька років тому, тому я не впевнений, чи буде вона сумісна з майбутніми версіями macOS.
Це різні способи робити знімки екрана для повної або прокручується веб-сторінки. Як я вже говорив у розділі короткого огляду, різні методи мають свої переваги та недоліки, тому обов'язково виберіть той, який найкраще відповідає вашим потребам. Я залишу це вам, щоб вибрати, які з них використати.
Як завжди, якщо у вас є питання або пропозиції, не соромтеся залишати коментарі нижче.