Сделать обычный скриншот экрана — несложно, ведь для этого достаточно нажать одну кнопку.
Но как быть, если веб-страница длинная и выходит далеко за пределы видимой области?
В этом случае нужен скриншот всей страницы целиком, включая всю область, которую нужно листать вниз.
Такой снимок бывает необходим при создании инструкций, сохранении важных материалов,
фиксации переписки, отчётности или работе веб-дизайнера.
Установить для этого отдельные программы или расширения не всегда удобно и не всегда возможно:
иногда нет доступа к установке ПО, а иногда просто не хочется перегружать браузер.
К счастью, современные браузеры на движке Chromium позволяют сделать скриншот всей страницы
встроенными средствами — быстро, качественно и бесплатно.
В этой статье разобран подробный, расширенный и понятный способ создания полного скриншота страницы
без установки дополнительных инструментов. Пример приведён на Google Chrome,
но метод полностью подходит и для других браузеров на движке Chromium:
Microsoft Edge, Opera, Яндекс.Браузер, Brave и др.
Подготовка браузера перед созданием скриншота
Первое, что нужно сделать — открыть страницу, которую вы хотите сохранить в виде длинного скриншота.
Это может быть статья, документ, список товаров, переписка, таблица — любая веб-страница,
которая прокручивается вниз.
Далее требуется открыть инструменты разработчика и выполнить команду создания полноразмерного снимка.
Но важно учесть один нюанс: расположение панели разработчика влияет на ширину будущего изображения.
Если панель открывается справа, страница автоматически сдвигается и сужается.
Скриншот получится такой же узкий, что не всегда удобно и может нарушить внешний вид страницы.
Поэтому перед созданием снимка лучше переместить панель разработчика в нижнюю часть браузера.
Тогда ширина страницы не изменится, и изображение сохранится в правильных пропорциях.
Пошаговая инструкция: как получить скриншот всей страницы
Шаг 1. Откройте меню разработчика
Нажмите правой кнопкой мыши в любом месте страницы и выберите пункт «Просмотреть код».
Также можно использовать сочетание клавиш:
Ctrl + Shift + I (Windows) или Cmd + Option + I (Mac).
На экране появится панель разработчика. Если она открылась справа, это нормально — далее мы изменим её положение.
Шаг 2. Переместите панель вниз
Нажмите на значок с тремя вертикальными точками в верхнем правом углу панели разработчика.
Откроется меню настроек расположения.
Выберите вариант размещения панели внизу.
Страница вернёт исходную ширину, и скриншот будет корректным.
Шаг 3. Откройте командное меню
Снова нажмите на меню панели (три точки) и выберите пункт «Run Command».
Это откроет окно поиска команд.
Также вызов командного меню можно сочетанием:
Ctrl + Shift + P (Windows) или Cmd + Shift + P (Mac).
Шаг 4. Найдите команду для создания скриншота
В поле ввода начните набирать слово screenshot.
Браузер сразу отфильтрует команды, связанные со скриншотами.
Вам нужна команда «Capture full size screenshot» —
она отвечает за создание изображения всей страницы целиком.
Шаг 5. Выполните команду
Кликните по пункту «Capture full size screenshot» или нажмите Enter.
Chrome автоматически прокрутит страницу, соберёт полное изображение
и сохранит его в виде файла.
Итоговый файл скачивается автоматически и попадает в стандартную папку браузера —
обычно это «Загрузки».
Что вы получите в результате
Метод работает идеально: браузер сохранил страницу полностью —
со всеми блоками, текстом, изображениями, таблицами и даже длинными разделами,
которые нужно прокручивать вручную.
Скриншот представляет собой единое вертикальное изображение в хорошем качестве,
без обрезки и без искажения.
Единственный недостаток способа — фиксированный формат файла.
Ограничения формата
- Скриншот сохраняется только в формате .png.
- Выбор другого формата в этом режиме недоступен.
Если вам нужно преобразовать изображение в .jpg, .bmp,
.webp или любой другой формат — это легко сделать с помощью встроенных редакторов Windows
или онлайн-конвертеров.
Советы по улучшению результата
- Перед созданием скриншота закройте всплывающие окна, баннеры и уведомления — они попадут на изображение.
- Прокрутите страницу вверх до самого начала — Chrome всегда делает снимок от верхнего края.
-
Если на странице используется динамическая подгрузка контента (например, в соцсетях) —
сначала прокрутите её вручную до конца, чтобы заставить подгрузить всё содержимое. - Убедитесь, что панель разработчика расположена внизу, иначе итоговое изображение будет узким.
Заключение
Создание скриншота всей страницы сайта — задача, которую можно выполнить без дополнительных программ.
Достаточно открыть инструменты разработчика браузера и выполнить встроенную команду.
Этот способ работает быстро, не требует установки расширений и подходит практически для любого Chromium-браузера.
Всего несколько кликов — и у вас готов качественный полноразмерный снимок страницы.
Если вы часто работаете с веб-контентом, создаёте инструкции или сохраняете важную информацию,
функция полного скриншота будет для вас незаменимым инструментом.