Скриншот всей страницы сайта в Chrome: 3 способа

Обычный скриншот захватывает только то, что помещается на экране. Если нужен скриншот всей страницы сайта — от шапки до подвала, со всеми разделами между ними, — придётся использовать другой способ. Сейчас в Chrome работают три.

1. Chrome DevTools: «Capture full size screenshot»

В Chrome есть скрытый снимок всей страницы внутри DevTools.

1. Откройте страницу и нажмите F12 (или Ctrl+Shift+I).
2. Нажмите Ctrl+Shift+P (Cmd+Shift+P на Mac), чтобы открыть меню команд.
3. Введите screenshot и выберите Capture full size screenshot.

Chrome сохранит PNG всей страницы. Способ работает, но каждый раз требует нескольких шагов, даёт только PNG, а очень длинные страницы могут получиться пустыми или обрезанными.

2. Печать в PDF

Нажмите Ctrl+P, выберите в качестве принтера «Сохранить как PDF» и сохраните. Получится документ, а не картинка, но с версией страницы для печати: навигация и закреплённые элементы часто скрыты, а содержимое может разрываться между страницами.

3. Расширение для скриншота всей страницы

Расширение само прокручивает страницу, снимает каждую часть и отдаёт файл в выбранном формате. Это самый быстрый вариант, если снимать приходится чаще, чем изредка.

С Full page screenshot вы открываете страницу, нажимаете на значок расширения, выбираете «Сохранить всю страницу» и формат PDF, PNG или JPG. Готовые файлы остаются в «Истории», так что их можно потом посмотреть, отправить, распечатать или скачать снова.

Какой способ выбрать?

Задача	Лучший вариант
Разовый снимок, DevTools уже открыты	Полноразмерный снимок в DevTools
Текстовый документ для печати	Печать в PDF
Регулярные снимки, выбор PDF/PNG/JPG, сохранённая история	Расширение

Если запомнить что-то одно: правильный способ зависит от того, как часто вы снимаете и какой файл нужен в итоге.