6 способов сделать длинный скриншот (всей страницы)
Иван Иваничев
27 января, 2022
Chrome DevTools GoFullPage Awesome Screenshot FireShot FastStone Capture ScreenshotMachine
Мы в Telegram
В канале «Маркетинговые щи» только самое полезное: подборки, инструкции, кейсы.
Не всегда на серьёзных щах — шуточки тоже шутим =)
Станьте email-рокером 🤘
Пройдите бесплатный курс и запустите свою первую рассылку
ПодробнееС простыми скриншотами всё просто. Чтобы сделать снимок экрана, можно использовать стандартную кнопку Print Screen или специальную программу вроде Lightshot.
Но если нужно сфотографировать лендинг или веб-версию email-рассылки, — то есть сразу нескольких экранов, — обычный способ плохо подходит. Неудобно делать снимок → сохранять → скроллить → делать снимок … объединять в редакторе несколько скриншотов в одну картинку.
Чтобы быстро заскриншотить страницу целиком, есть несколько решений.
Chrome DevTools
Что это: внутренний инструмент браузера Chrome.
Стоимость: бесплатно.
В самом популярном браузере можно сделать скриншот всей страницы даже без установки дополнительных программ и расширений.
Для начала нужно открыть нужный сайт, затем «Инструменты разработчика»: через меню «Дополнительные инструменты» или комбинацию «Ctrl + Shift + I».
Дальше нужно кликнуть на три вертикальные точки, чтобы вызвать меню «Инструментов разработчика», и нажать на «Run Command». Или открыть соответствующее окно другой комбинацией — «Ctrl + Shift + P».
Если начать набирать «screen…», появляется подсказка «Capture full size screenshot».
Таким же способом можно заскриншотить мобильную версию сайта. Только перед выполнением команды нужно нажать на иконку в левом верхнем углу, которая называется «Toggle device toolbar», или воспользоваться горячими клавишами «Ctrl + Shift + M». Над страницей появится панель, где можно выбрать нужное устройство или самостоятельно указать размер экрана.
А как сделать длинный скриншот в других браузерах?
В Safari похожая система: нужно выбрать в меню «Разработка → Показать веб-инспектор», затем кликнуть правой кнопкой на первый тег «html» в коде страницы и нажать на «Сделать снимок экрана».
В браузере «Яндекса» ещё проще — на боковой панели есть специальный значок для создания скриншотов, в том числе длинных. А в Firefox можно просто открыть сайт, кликнуть правой кнопкой и выбрать «Сделать скриншот» — браузер ещё предложит обрезать лишнее.
GoFullPage
Что это: браузерное расширение для Chrome и Edge.
Сайт: https://gofullpage.com/.
Стоимость: бесплатно (дополнительные функции за $1 в месяц).
Инструмент позволяет в один клик сделать скриншот целой страницы. Прогресс визуализируется с помощью чёрного пэкмена — мило.
Готовый снимок можно скачать в png, jpg или pdf. Если купить платную подписку, будет возможность сразу отредактировать изображение: обрезать, добавить текст или рамку, замылить.
Awesome Screenshot
Что это: браузерное расширение для Chrome, Edge, Mozilla.
Сайт: https://www.awesomescreenshot.com/.
Стоимость: бесплатно (с ограничениями) или подписка от $4 в месяц.
Мощный инструмент для создания скриншотов и скринкастов.
Чтобы захватить всю страницу, нужно кликнуть на иконку расширения и нажать на «Full Page». Или воспользоваться комбинацией горячих клавиш «Ctrl + Shift + E». Дальше Awesome Screenshot сам прокрутит и сфотографирует сайт — главное, не мешать.
Длинный скриншот можно отредактировать — например, добавить текст, стикеры или водяной знак, замылить, обрезать.
Или сразу сохранить в png или pdf.
Есть интеграции с системами управления проектами и облачными хранилищами — можно отправить картинку туда без скачивания на диск.
FireShot
Что это: браузерное расширение для Chrome, Mozilla, Opera, Yandex, Edge.
Сайт: https://getfireshot.com/.
Стоимость: бесплатно или полная версия за $60 (пожизненная лицензия).
Универсальный плагин для всех популярных браузеров.
Использовать очень просто: установить, перейти на нужную веб-страницу, кликнуть по иконке на панели, вызвать меню и выбрать «Захватить всю страницу» (или нажать «Ctrl + Shift + S»).
После скроллинга и съёмки появится новая вкладка, где нужно будет выбрать: сохранить в png/jpg или pdf, отправить по почте, распечатать или просто скопировать в буфер обмена.
Покупка лицензии открывает доступ к дополнительным функциям: pdf с поддержкой текста, улучшенному захвату, графическому редактору и другим.
FastStone Capture
Что это: десктопная программа для Windows.
Сайт: https://www.faststone.org/FSCaptureDetail.htm.
Стоимость: $20 за пожизненную лицензию (30 дней — бесплатный пробный период).
Легкий и функциональный скриншотер с простыми функциями для редактирования снимков.
После установки на компьютер появится небольшое окошко поверх всех других. Чтобы сделать длинный скриншот, нужно открыть сайт и нажать на кнопку «Capture Full Screen» на панели FastStone. Затем выбрать область и кликнуть левой кнопкой мыши — программа медленно проскроллит и аккуратно сфотографирует нужную веб-страницу.
Потом откроется редактор: можно изменить размер, добавить надписи или что-то нарисовать.
FastStone сохраняет скриншоты в bmp, gif, jpg, png и pdf. А ещё программа умеет записывать экран вместе с курсором, звуком из динамиков и микрофоном, а также — преобразовывать снятое видео в gif.
ScreenshotMachine
Что это: веб-сервис для скриншотинга сайтов.
Сайт: https://www.screenshotmachine.
com/.
Стоимость: бесплатно до 100 скриншотов в месяц (дальше от €9 в месяц).
Удобно — не нужно устанавливать никаких плагинов и программ. Достаточно вставить URL страницы, выбрать устройство, поставить галочку на «Full-page screenshot» и нажать «Capture».
Можно скачать результат в jpg или pdf. А если нужно постоянно мониторить сайты и делать много скриншотов, есть API.
А как сделать длинный скриншот на телефоне?
Некоторые устройства поддерживают такую функцию по умолчанию. На остальные нужно просто установить специальные приложения. Например, Longshot для Android и Tailor для Apple.
Поделиться
СВЕЖИЕ СТАТЬИ
Другие материалы из этой рубрики
Не пропускайте новые статьи
Подписывайтесь на соцсети
Делимся новостями и свежими статьями, рассказываем о новинках сервиса
«Честно» — авторская рассылка от редакции Unisender
Искренние письма о работе и жизни.
Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.
Наш юрист будет ругаться, если вы не примете 🙁
Как запустить email-маркетинг с нуля?
*Вместе с курсом вы будете получать рассылку блога Unisender
Оставляя свой email, я принимаю Политику конфиденциальностиНаш юрист будет ругаться, если вы не примете 🙁
6 способов сделать длинный скриншот (всей страницы)
Иван Иваничев
27 января, 2022
Chrome DevTools GoFullPage Awesome Screenshot FireShot FastStone Capture ScreenshotMachine
Мы в Telegram
В канале «Маркетинговые щи» только самое полезное: подборки, инструкции, кейсы.
Не всегда на серьёзных щах — шуточки тоже шутим =)
Станьте email-рокером 🤘
Пройдите бесплатный курс и запустите свою первую рассылку
ПодробнееС простыми скриншотами всё просто. Чтобы сделать снимок экрана, можно использовать стандартную кнопку Print Screen или специальную программу вроде Lightshot.
Но если нужно сфотографировать лендинг или веб-версию email-рассылки, — то есть сразу нескольких экранов, — обычный способ плохо подходит. Неудобно делать снимок → сохранять → скроллить → делать снимок … объединять в редакторе несколько скриншотов в одну картинку.
Чтобы быстро заскриншотить страницу целиком, есть несколько решений.
Chrome DevTools
Стоимость: бесплатно.
В самом популярном браузере можно сделать скриншот всей страницы даже без установки дополнительных программ и расширений.
Для начала нужно открыть нужный сайт, затем «Инструменты разработчика»: через меню «Дополнительные инструменты» или комбинацию «Ctrl + Shift + I».
Дальше нужно кликнуть на три вертикальные точки, чтобы вызвать меню «Инструментов разработчика», и нажать на «Run Command». Или открыть соответствующее окно другой комбинацией — «Ctrl + Shift + P».
Если начать набирать «screen…», появляется подсказка «Capture full size screenshot». Остаётся выбрать эту команду и немного подождать. Браузер сделает скриншот целой страницы и скачает его в формате png.
Таким же способом можно заскриншотить мобильную версию сайта. Только перед выполнением команды нужно нажать на иконку в левом верхнем углу, которая называется «Toggle device toolbar», или воспользоваться горячими клавишами «Ctrl + Shift + M». Над страницей появится панель, где можно выбрать нужное устройство или самостоятельно указать размер экрана.
А как сделать длинный скриншот в других браузерах?
В Safari похожая система: нужно выбрать в меню «Разработка → Показать веб-инспектор», затем кликнуть правой кнопкой на первый тег «html» в коде страницы и нажать на «Сделать снимок экрана».
В браузере «Яндекса» ещё проще — на боковой панели есть специальный значок для создания скриншотов, в том числе длинных. А в Firefox можно просто открыть сайт, кликнуть правой кнопкой и выбрать «Сделать скриншот» — браузер ещё предложит обрезать лишнее.
GoFullPage
Что это: браузерное расширение для Chrome и Edge.
Сайт: https://gofullpage.com/.
Стоимость: бесплатно (дополнительные функции за $1 в месяц).
Инструмент позволяет в один клик сделать скриншот целой страницы. Прогресс визуализируется с помощью чёрного пэкмена — мило.
Готовый снимок можно скачать в png, jpg или pdf. Если купить платную подписку, будет возможность сразу отредактировать изображение: обрезать, добавить текст или рамку, замылить.
Awesome Screenshot
Что это: браузерное расширение для Chrome, Edge, Mozilla.
Сайт: https://www.awesomescreenshot.com/.
Стоимость: бесплатно (с ограничениями) или подписка от $4 в месяц.
Мощный инструмент для создания скриншотов и скринкастов.
Чтобы захватить всю страницу, нужно кликнуть на иконку расширения и нажать на «Full Page». Или воспользоваться комбинацией горячих клавиш «Ctrl + Shift + E». Дальше Awesome Screenshot сам прокрутит и сфотографирует сайт — главное, не мешать.
Длинный скриншот можно отредактировать — например, добавить текст, стикеры или водяной знак, замылить, обрезать. Или сразу сохранить в png или pdf.
Есть интеграции с системами управления проектами и облачными хранилищами — можно отправить картинку туда без скачивания на диск.
FireShot
Что это: браузерное расширение для Chrome, Mozilla, Opera, Yandex, Edge.
Сайт: https://getfireshot.com/.
Стоимость: бесплатно или полная версия за $60 (пожизненная лицензия).
Универсальный плагин для всех популярных браузеров.
Использовать очень просто: установить, перейти на нужную веб-страницу, кликнуть по иконке на панели, вызвать меню и выбрать «Захватить всю страницу» (или нажать «Ctrl + Shift + S»).
После скроллинга и съёмки появится новая вкладка, где нужно будет выбрать: сохранить в png/jpg или pdf, отправить по почте, распечатать или просто скопировать в буфер обмена.
Покупка лицензии открывает доступ к дополнительным функциям: pdf с поддержкой текста, улучшенному захвату, графическому редактору и другим.
FastStone Capture
Что это: десктопная программа для Windows.
Сайт: https://www.faststone.org/FSCaptureDetail.htm.
Стоимость: $20 за пожизненную лицензию (30 дней — бесплатный пробный период).
Легкий и функциональный скриншотер с простыми функциями для редактирования снимков.
После установки на компьютер появится небольшое окошко поверх всех других. Чтобы сделать длинный скриншот, нужно открыть сайт и нажать на кнопку «Capture Full Screen» на панели FastStone. Затем выбрать область и кликнуть левой кнопкой мыши — программа медленно проскроллит и аккуратно сфотографирует нужную веб-страницу.
Потом откроется редактор: можно изменить размер, добавить надписи или что-то нарисовать.
FastStone сохраняет скриншоты в bmp, gif, jpg, png и pdf. А ещё программа умеет записывать экран вместе с курсором, звуком из динамиков и микрофоном, а также — преобразовывать снятое видео в gif.
ScreenshotMachine
Сайт: https://www.screenshotmachine.com/.
Стоимость: бесплатно до 100 скриншотов в месяц (дальше от €9 в месяц).
Удобно — не нужно устанавливать никаких плагинов и программ. Достаточно вставить URL страницы, выбрать устройство, поставить галочку на «Full-page screenshot» и нажать «Capture».
Можно скачать результат в jpg или pdf. А если нужно постоянно мониторить сайты и делать много скриншотов, есть API.
А как сделать длинный скриншот на телефоне?
Некоторые устройства поддерживают такую функцию по умолчанию. На остальные нужно просто установить специальные приложения. Например, Longshot для Android и Tailor для Apple.
Поделиться
СВЕЖИЕ СТАТЬИ
Другие материалы из этой рубрики
Не пропускайте новые статьи
Подписывайтесь на соцсети
Делимся новостями и свежими статьями, рассказываем о новинках сервиса
«Честно» — авторская рассылка от редакции Unisender
Искренние письма о работе и жизни.
Наш юрист будет ругаться, если вы не примете 🙁
Как запустить email-маркетинг с нуля?
В бесплатном курсе «Rock-email» мы за 15 писем расскажем, как настроить email-маркетинг в компании. В конце каждого письма даем отбитые татуировки об email ⚡️
*Вместе с курсом вы будете получать рассылку блога Unisender
Оставляя свой email, я принимаю Политику конфиденциальностиКак сделать снимок экрана всей страницы в Google Chrome
iStockphoto/Getty Images Итак, вы хотите сделать снимок экрана всей веб-страницы, небольшие фрагменты внизу и все такое? Обычно вы можете захватить только то, что находится в четырех углах экрана, оставляя позади элементы, для которых вам придется прокручивать вниз.
Может показаться невозможным запечатлеть все в кадре, но мы собираемся показать вам, как это можно сделать.
Также: Как просмотреть запись в Windows 10 или Windows 11
Процесс может быть не таким простым, как вы ожидаете, но следуйте любому из этих четырех методов, и я гарантирую, что вы получите безупречные полноэкранные снимки.
Печать PDF-файла в Google Chrome
Adrian Kingsley-Hughes/ZDNETЧто ж, здесь все становится сложнее. У вас есть два варианта: (1) более сложный способ или (2) один из моих любимых простых в использовании бесплатных инструментов.
Открытие инструментов разработчика в Google Chrome
Адриан Кингсли-Хьюз/ZDNETШаг 2. Не паникуйте
Хорошо, если вы никогда не видели, что следует дальше, может показаться, что вы наткнулись на Матрицу. Не паникуйте.
Инструменты разработчика Google Chrome или Матрица?
Adrian Kingsley-Hughes/ZDNET Взгляните на строку меню на экране инструментов разработчика.
Вы увидите новый набор из трех вертикальных точек. Нажмите на них, а затем нажмите Выполнить команду .
Доступ к команде запуска
Адриан Кингсли-Хьюз/ZDNETШаг 3. Выберите «Сделать полноразмерный снимок экрана»
В появившемся окне «Выполнить » введите « снимок экрана» , чтобы открыть набор связанных параметров. Вам нужно найти результат Capture full size screenshot .
Команда поиска снимка экрана
Adrian Kingsley-Hughes/ZDNETНажмите кнопку Снимок экрана , и будет сделан снимок экрана веб-страницы, на которой вы находитесь (на нем не будут отображаться все материалы Матрицы), и он должен сохраниться автоматически (если это не так, не забудьте сохранить его, если будет предложено).
Также: Как сделать снимок экрана на Chromebook
Да, я говорил вам, что это сложно сделать, и это не очень удобно, если вы планируете делать много снимков экрана.
Однако это хороший способ, если у вас нет доступных инструментов и вы не можете установить расширение.
К счастью, есть более простые способы.
GoFullPage Расширение для браузера Google Chrome
Adrian Kingsley-Hughes/ZDNETМоим любимым оружием в этой битве является и уже много лет остается удивительный SnagIt от TechSmith.
Если вам нужен лучший шанс точного захвата веб-страницы, SnagIt — это инструмент, который вам нужен. Я работал со всеми различными методами, и это, безусловно, лучший инструмент для работы, потому что он дает вам множество вариантов и большую гибкость как в процессе захвата, так и в выводе.
Я пользуюсь SnagIt уже более десяти лет, использую его для захвата многих тысяч снимков экрана, и он никогда меня не подводил.
Очень рекомендую всем, кому нужно делать много скриншотов.
См. также
Как сделать снимок экрана на всю страницу в Chrome и Firefox
При создании снимка экрана не должно возникнуть никаких сложностей.
Однако вам может быть сложно уместить всю необходимую информацию, и у вас не будет другого выбора, кроме как собрать отдельные снимки экрана с помощью фоторедактора.
Хорошей новостью является то, что вы можете избежать этой головной боли, используя бесплатные расширения Chrome или Firefox или встроенные инструменты.
Как сделать снимок экрана на всю страницу в Google Chrome
Если вашим браузером по умолчанию является Google Chrome, есть множество вариантов, которые вы можете использовать для создания полностраничного снимка экрана:
- Снимок экрана
- Scrnli Screenshot & Screen Video Recorder
- GoFullPage
- Мастер снимков экрана: Снимок всей страницы
ScreenCapture — одно из лучших расширений для Chrome.
Как сделать снимок экрана на всю страницу с помощью ScreenCapture
Чтобы получить доступ к меню расширения, все, что вам нужно сделать, это щелкнуть его значок. Если вам нужно сделать скриншот всей страницы, выберите Скриншот всей страницы .
ScreenCapture прокрутит всю страницу и откроет новую вкладку со скриншотом.
Используя ScreenCapture, вы можете редактировать свои скриншоты, не открывая другое приложение или онлайн-инструмент редактирования. Вы можете добавить текст, стрелки или другие элементы с помощью расширения. Когда вы закончите редактирование, вы можете сохранить его в формате PDF или PNG или скопировать в буфер обмена.
Если вам нужно больше контроля над снимком экрана, выберите Зона захвата . Вы можете отредактировать захваченную область, изменив размер окна. Если вы хотите сделать снимок экрана с прокруткой, нажмите и удерживайте нижнюю часть поля и прокрутите страницу с помощью мыши. Если вы хотите прекратить делать снимок экрана, просто нажмите Esc .
Чтобы получить доступ к скриншотам, откройте меню расширения и нажмите Показать историю . Там вы можете просматривать, загружать или удалять свои скриншоты.
Как сделать снимок экрана на всю страницу без расширения
Если вы считаете, что у вас уже установлено слишком много расширений, вы можете сделать снимок экрана с помощью инструментов разработчика Chrome.
Прежде чем попробовать этот метод, имейте в виду, что он лучше работает для веб-сайтов с текстовым содержимым, а не для веб-приложений.
Выполните следующие действия, чтобы сделать снимок экрана на всю страницу:
- Откройте меню Chrome.
- Перейти к Дополнительные инструменты > Инструменты разработчика .
- Щелкните значок с тремя точками в правом верхнем углу и выберите 9.0007 Выполнить команду . Кроме того, вы можете нажать Ctrl+Shift+P в Windows или Command+Shift+P в Mac.
- Введите скриншот в поле поиска.
- Выбрать Сделать скриншот в натуральную величину .
- После того, как Chrome сделает снимок экрана, он должен сохранить его в папке Downloads .
Как сделать снимок экрана на всю страницу в Mozilla Firefox
Если вы предпочитаете Firefox, вот несколько вариантов, которые вы можете попробовать:
- Nimbus
- Полные скриншоты веб-страницы
- Awesome Screenshot & Screen Recorder
- Evernote Web Clipper
Nimbus — одно из лучших расширений Firefox, которое можно использовать для полностраничных скриншотов.
Как сделать снимок экрана на всю страницу с помощью Nimbus
После установки Nimbus щелкните его значок, чтобы открыть меню расширения. Прежде чем сделать снимок экрана, вы можете выбрать, что вы будете делать после захвата.
Nimbus дает вам множество возможностей, поскольку вы можете редактировать снимок, отправлять его в хранилище, загружать или загружать на свой компьютер.
Если вы выберете опцию Вся страница , Nimbus будет захватывать содержимое страницы во время прокрутки самостоятельно. Затем он откроет скриншот в новой вкладке. Вы можете использовать его инструменты для редактирования изображения, добавляя текст, стрелки, фигуры и многое другое. Вы даже можете размыть части изображения.
Если вам не нужно захватывать всю страницу, нажмите Выбрано и прокрутить . Это вызовет поле захвата, размер которого вы можете изменить. Чтобы сделать снимок экрана с прокруткой, нажмите и удерживайте нижнюю часть поля и прокручивайте с помощью мыши.
Как сделать снимок экрана с прокруткой без расширения
Mozilla имеет встроенный инструмент, который можно использовать для создания снимка экрана с прокруткой. Чтобы сделать его доступным, щелкните правой кнопкой мыши панель инструментов браузера и выберите Настроить панель инструментов . Затем щелкните и перетащите инструмент Скриншот на панель инструментов.
Перейдите на веб-сайт, снимок экрана которого вы хотите сделать, подождите, пока он полностью загрузится, и щелкните инструмент Снимок экрана . Чтобы сделать снимок экрана на всю страницу, нажмите Сохранить всю страницу .
Если вам нужен только скриншот с прокруткой, перетащите курсор на страницу, чтобы создать окно захвата. Затем нажмите и удерживайте нижнюю часть поля и прокрутите страницу.
Не делайте несколько снимков экрана
Существует множество вариантов расширений, которые помогут вам сделать снимок экрана на всю страницу, и вы можете протестировать несколько, пока не найдете тот, который вам понравится.
