Коротко. Скриншот всей страницы сайта, с прокруткой до самого низа, умеют делать сами браузеры, расширения не нужны. Яндекс Браузер: Ctrl+Alt+3. Firefox: правый клик → «Сделать снимок экрана» → «Сохранить всю страницу». Chrome: F12 → Ctrl+Shift+P → «Сделать полноразмерный скриншот». На айфоне в Safari — вкладка «Вся страница» после обычного снимка экрана, на Android 12+ — «Увеличить площадь скриншота». Перед снимком пролистайте страницу до конца, чтобы прогрузились картинки.

Сравнение: обычный скриншот показывает только экран 1280×800, скриншот всей страницы — всю статью 1280×4531 пикселей
Слева обычный скриншот, справа вся страница той же статьи. Оранжевая рамка — та часть, что помещается на экран.

Самый быстрый способ для каждого браузера

ГдеКак сделать скриншот всей страницыЧто получится
Яндекс БраузерCtrl+Alt+3 или значок «Скриншот» → «Веб-страница»PNG, есть редактор
FirefoxCtrl+Shift+S → «Сохранить всю страницу»PNG
Google ChromeF12 → Ctrl+Shift+P → «Сделать полноразмерный скриншот»PNG
Microsoft EdgeCtrl+Shift+S → снимок всей страницыPNG, есть редактор
iPhone, SafariСнимок экрана → миниатюра → «Вся страница»PDF
Android 12+Снимок экрана → «Увеличить площадь скриншота»Картинка

Яндекс Браузер

В Яндекс Браузере скриншоты встроены и умеют снимать всю страницу сайта:

  1. Откройте нужную страницу.
  2. Нажмите на боковой панели значок «Скриншот» и выберите «Веб-страница». Или нажмите Ctrl+Alt+3 (на Windows и Linux).
  3. Откроется редактор: можно обрезать снимок, добавить стрелки, текст, фигуры, размыть личные данные.
  4. Внизу справа выберите «Сохранить» (файл PNG), «Копировать» или «Загрузить на Яндекс Диск».
Яндекс Браузер: значок «Скриншот» на боковой панели и пункт «Веб-страница», горячие клавиши Ctrl+Alt+1, Ctrl+Alt+2, Ctrl+Alt+3
Ctrl+Alt+1 — выделенная область, Ctrl+Alt+2 — весь экран, Ctrl+Alt+3 — вся страница сайта.

Если значка нет, его включают в настройках браузера: «Настройки» → «Инструменты» → раздел «Скриншоты». Там же меняют горячие клавиши.

Firefox

  1. Нажмите правой кнопкой на пустое место страницы и выберите «Сделать снимок экрана». Или нажмите Ctrl+Shift+S (на Mac — Cmd+Shift+S).
  2. Вверху справа нажмите «Сохранить всю страницу». «Сохранить видимую область» сохранит только то, что на экране.
  3. Скачайте файл или скопируйте картинку.
Firefox: пункт «Сделать снимок экрана» в контекстном меню и кнопка «Сохранить всю страницу»
Ещё можно выделить мышкой любой кусок страницы — Firefox подсветит блоки сам.

У Firefox есть предел: снимок не больше 32 700 пикселей по длинной стороне. Если страница длиннее, браузер предложит выделить область поменьше.

Google Chrome

В обычном меню Chrome такой кнопки нет, но она есть в инструментах разработчика. Звучит сложно, на деле это три нажатия:

  1. Откройте страницу и нажмите F12 (или Ctrl+Shift+I). Справа или снизу откроется панель разработчика.
  2. Нажмите Ctrl+Shift+P (на Mac — Cmd+Shift+P). Появится строка команд.
  3. Введите «скриншот» и выберите «Сделать полноразмерный скриншот». Если интерфейс у вас на английском — введите screenshot и выберите Capture full size screenshot.

Chrome сразу скачает PNG со всей страницей.

Chrome DevTools: строка команд Ctrl+Shift+P с запросом «скриншот» и командой «Сделать полноразмерный скриншот»
Там же есть «Сделать скриншот области» и «Сделать скриншот узла» — снимок одного блока страницы.

Хотите снимок в мобильном виде? Нажмите в панели разработчика значок телефона (режим устройства), выберите модель и повторите шаги 2–3: получится вся страница так, как её видят на телефоне.

Microsoft Edge

В Edge есть свой инструмент снимков: нажмите Ctrl+Shift+S или найдите его в меню «…», затем выберите снимок всей страницы. Снимок откроется в окне, где его можно подписать и сохранить. Название пункта в разных версиях Edge менялось, поэтому ориентируйтесь на сочетание клавиш.

Скриншот всего сайта на айфоне

В Safari это делается стандартным снимком экрана:

  1. Откройте сайт в Safari.
  2. Нажмите и отпустите одновременно боковую кнопку и кнопку увеличения громкости. На айфоне с кнопкой «Домой» — кнопку «Домой» и боковую.
  3. Коснитесь миниатюры снимка в левом нижнем углу.
  4. Вверху выберите «Вся страница». Справа появится полоса со всей длиной страницы — по ней можно листать.
  5. Нажмите «Готово» и сохраните снимок как PDF в «Файлы».
iPhone: редактор снимка экрана с выбранной вкладкой «Вся страница» и полосой предпросмотра всей страницы
Apple в справке приводит в пример Safari. В других браузерах на айфоне вкладки «Вся страница» может не быть.

Скриншот с прокруткой на Android

На Android 12 и новее:

  1. Откройте страницу и одновременно нажмите кнопки питания и уменьшения громкости.
  2. Внизу экрана выберите «Увеличить площадь скриншота».
  3. Растяните рамку на нужную длину и сохраните.
Android: кнопка «Увеличить площадь скриншота» после снимка экрана
У производителей телефонов свои оболочки: на Samsung, Xiaomi и других кнопка может называться иначе.

Если кнопки нет, у вас Android старше 12-го или производитель спрятал функцию в свою оболочку. Поищите в инструкции к телефону «длинный скриншот» или «скриншот с прокруткой».

Если скриншот получился не таким

Что не такПочемуЧто сделать
Внизу пустые места вместо картинокСайт грузит картинки только при прокруткеПролистайте страницу до конца и вернитесь наверх, потом снимайте
Шапка или кнопка чата повторяютсяОни «прилипают» к экрану при прокруткеПопробуйте Chrome через F12: он снимает страницу целиком за один раз, а не склеивает кусками
Снимок обрывается на серединеСлишком длинная страница: у Firefox предел 32 700 пикселейСнимите частями или в другом браузере
Всплывающее окно закрывает страницуБаннер cookie или подпискиЗакройте его перед снимком
Мелкий нечитаемый текстСтраница очень длинная, при просмотре картинка уменьшаетсяОткройте файл в полном размере или снимайте часть страницы

Расширения и онлайн-сервисы

Есть расширения для браузеров и сайты, которые делают скриншот по ссылке. Встроенных способов выше обычно хватает, но если пользуетесь сервисом, помните:

  • онлайн-сервис открывает страницу на своём сервере, поэтому не увидит то, что вы видите после входа в личный кабинет;
  • не отправляйте в сторонние сервисы страницы с личными данными, документами и заказами;
  • расширению нужен доступ ко всем страницам, которые вы открываете: ставьте только известные, с большим числом отзывов.

Куда загрузить скриншот, чтобы отправить ссылкой

Большой скриншот неудобно отправлять файлом. В Яндекс Браузере в редакторе снимка есть кнопка «Загрузить на Яндекс Диск»: после неё появится ссылка на снимок. Также подойдёт любое облако, где есть доступ по ссылке. Если на скриншоте чужие персональные данные, размойте их перед отправкой — в редакторе Яндекс Браузера для этого есть инструмент «Размыть».

Для разработчиков: скриншот всей страницы из кода

Если скриншоты нужны часто, например чтобы проверять сайт после каждого изменения, их делают программой. Мы для этого используем Playwright:

import { chromium } from 'playwright';

const browser = await chromium.launch();
const page = await browser.newPage({ viewport: { width: 1280, height: 800 } });
await page.goto('https://hostatlas.ru/');
await page.screenshot({ path: 'hostatlas.png', fullPage: true });
await browser.close();

Параметр fullPage: true снимает всю страницу, а не только экран. Ширину окна можно поставить как у телефона, например 390, — получится мобильная версия.

Наш опыт

Мы снимаем скриншоты сайта постоянно: перед каждой публикацией скрипт на Playwright открывает новые страницы в ширине телефона (390 пикселей) и компьютера (1280), а мы смотрим, что ничего не вылезает за край экрана. Первая картинка в этой статье — настоящий снимок нашей статьи «Что такое хостинг»: 1280 × 4531 пикселей, сделан так же, как в коде выше. Из ручных способов нам удобнее всего Яндекс Браузер: Ctrl+Alt+3, и сразу можно размыть лишнее.

Читайте также

Источники

Частые вопросы

Как сделать скриншот всего сайта на компьютере?

В Яндекс Браузере нажмите Ctrl+Alt+3 или значок «Скриншот» на боковой панели → «Веб-страница». В Firefox — правый клик по странице → «Сделать снимок экрана» → «Сохранить всю страницу». В Chrome — F12, затем Ctrl+Shift+P, введите «скриншот» и выберите «Сделать полноразмерный скриншот».

Как сделать скриншот всего сайта на айфоне?

Откройте сайт в Safari и сделайте обычный снимок экрана: боковая кнопка и кнопка увеличения громкости. Коснитесь миниатюры в левом нижнем углу и выберите «Вся страница». Снимок всей страницы сохраняется как PDF в приложение «Файлы».

Как сделать длинный скриншот с прокруткой на Android?

На Android 12 и новее нажмите кнопки питания и уменьшения громкости, затем внизу выберите «Увеличить площадь скриншота» и растяните рамку. У Samsung, Xiaomi и других производителей кнопка может называться по-своему.

Почему скриншот всей страницы получается с пустыми местами?

Многие сайты загружают картинки только когда до них доходит прокрутка. Перед скриншотом пролистайте страницу до конца и вернитесь наверх: тогда все картинки успеют загрузиться.

Можно ли сделать скриншот всей страницы без расширений?

Да. В Яндекс Браузере и Firefox это встроено, в Chrome — в инструментах разработчика (F12). На айфоне — в стандартном снимке экрана Safari, на Android 12+ — в снимке экрана с прокруткой.