Скриншот сайта — вся страница в высоком разрешении

Введите URL и получите скриншот всей страницы, снятый в настоящем браузере Chrome — с шириной для десктопа, планшета или телефона и разрешением до 3× (Retina). Баннеры cookie скрываются автоматически. Затем обрежьте изображение, добавьте стрелки, рамки, выделения и текст, размойте личные данные и скачайте результат в PNG, JPEG, WebP или PDF — или сохраните страницу как PDF с возможностью выделять текст.

Обновлено

Страницы открываются в настоящем браузере на сервере devpack, поэтому это занимает 5–20 секунд.

Здесь появится ваш скриншот.

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

Был ли этот инструмент полезен?0.0 Оценок: 0
Бесплатный тест скорости страницы по Google LighthouseCore Web Vitals (LCP, CLS, INP), оценки и исправления для мобильных и ПК.Тест скорости страницы →

Как пользоваться: Скриншот сайта

  1. Вставьте URL и выберите устройство — десктоп, ноутбук, широкий экран, планшет, телефон или свою ширину.
  2. Выберите разрешение (2× даёт чёткое изображение на Retina-экранах), оставьте включённым Вся страница, чтобы захватить всю высоту прокрутки, и нажмите Сделать скриншот.
  3. Отредактируйте изображение: обрежьте (свободно, 16:9, 1:1 или только первый экран), добавьте стрелки, рамки, выделения и текст или размойте email и имена. Отменяйте и повторяйте действия по ходу работы.
  4. Скачайте в PNG, JPEG, WebP или PDF, скопируйте в буфер обмена или используйте Скачать PDF страницы для PDF с возможностью выделения текста.

Скриншоты из настоящего браузера

Расширения браузера снимают то, что видно на вашем экране. Этот инструмент открывает страницу в новом Chrome на сервере devpack с той шириной, которую вы выбрали, поэтому каждый скриншот чистый и повторяемый: без расширений, без входа в аккаунт, без полос прокрутки. Перед съёмкой страница прокручивается, чтобы загрузились изображения с отложенной загрузкой и анимации прокрутки. Также можно скрыть баннеры cookie (OneTrust, Cookiebot, Usercentrics, CookieYes и многие другие) и открепить фиксированные шапки, которые иначе повторялись бы по всей длине изображения.

  • Разрешение — 1× соответствует CSS-пикселям; 2× и 3× рендерятся с плотностью Retina, поэтому страница шириной 1440 px превращается в изображение 2880 или 4320 px. Очень длинные страницы захватываются до 20 000 CSS-пикселей, а плотность автоматически снижается, если изображение получилось бы слишком большим.
  • Устройства — планшет и телефон используют идентификатор мобильного браузера и сенсорный ввод, поэтому вы получаете настоящую мобильную верстку, а не уменьшенную десктопную версию.
  • Редактирование — обрезка, аннотации и размытие выполняются в вашем браузере в полном разрешении; ничего из нарисованного не загружается на сервер.
  • PDF — экспортируйте отредактированное изображение как одну длинную страницу PDF или разбейте на страницы A4/Letter, либо сохраните живую страницу как текстовый PDF.

Большие скриншоты всей страницы передаются в высококачественном WebP, чтобы уложиться в лимит передачи сервера 4 МБ; при скачивании файл перекодируется в вашем браузере в выбранный формат. Страницы за логином, проверкой на бота или платной подпиской показывают то, что видит первый посетитель. Проверить скорость и SEO той же страницы можно с помощью Теста скорости страницы и SEO-проверки, а сжать изображение — с помощью Сжатия изображений.

Также ищут как: скриншот retina, сайт в pdf, website screenshot tool.

Инструменты, которые хорошо сочетаются с Скриншот сайта

  • Разрешение экрана — Размеры экрана и окна браузера в CSS-пикселях, коэффициент плотности пикселей и реальное физическое разрешение — измеряется вашим браузером в реальном времени.
  • Проверка Open Graph — Посмотрите, как ссылка будет выглядеть при публикации в Facebook, LinkedIn, X и Slack.
  • Проверка Consent Mode — Проверьте согласие на cookie сайта так же, как это сделал бы регулятор или рекламная платформа.
  • Анализатор заголовков письма — Вставьте исходные заголовки письма, чтобы увидеть весь его путь: каждый почтовый сервер и время, которое он потратил, результаты SPF, DKIM и DMARC, IP-адрес отправителя и тревожные признаки, например несовпадающие Reply-To или Return-Path.

Часто задаваемые вопросы

Как сделать скриншот всей страницы сайта?
Введите URL, оставьте включённым пункт «Вся страница» и нажмите «Сделать скриншот». Страница откроется в настоящем браузере, прокрутится, чтобы загрузились отложенные изображения, и будет снята сверху вниз.
Можно ли получить скриншот высокого разрешения или Retina?
Да. Выберите разрешение 2× или 3×: страница отрисовывается с такой плотностью пикселей, и текст с иконками остаются чёткими. Страница шириной 1440 px при 2× даст изображение шириной 2880 px.
Как сделать мобильный скриншот сайта?
Выберите «Телефон (390 px)» или «Планшет (768 px)». Браузер определяется как мобильное устройство с сенсорным вводом, поэтому сайт отдаёт свою настоящую мобильную верстку.
Можно ли скрыть баннеры cookie и липкие шапки?
Скрытие баннеров cookie включено по умолчанию и работает с распространёнными инструментами согласия. Открепление фиксированных шапок не даёт шапкам и чат-виджетам перекрывать середину скриншота всей страницы.
Как сохранить сайт в PDF?
Используйте «Скачать PDF страницы» — получите настоящий PDF с выделяемым текстом и ссылками, одной длинной страницей или на страницах A4 или Letter. Чтобы сохранить точный вид вместе с вашими аннотациями, лучше скачать скриншот как PDF (изображение).
Загружаются ли мои правки на сервер?
Нет. На сервер devpack отправляется только URL для создания скриншота. Обрезка, рисование, размытие и экспорт выполняются в вашем браузере.

Похожие инструменты

apiТест скорости страницыЗапустите Google Lighthouse для любого URL в мобильном или десктопном режиме. Смотрите оценки…apiSEO-чекер и аудит сайтаВставьте URL, и мы выполним до 70 проверок SEO на странице и полный аудит сайта: скорость по Lighthouse,…localСжатие изображенийУменьшите фото и графику до 90% без заметной потери качества — всё зависит от изображения и настроек.…localРазрешение экранаРазмеры экрана и окна браузера в CSS-пикселях, коэффициент плотности пикселей и реальное физическое…apiПроверка Open GraphПосмотрите, как ссылка будет выглядеть при публикации в Facebook, LinkedIn, X и Slack. Мы находим…apiПроверка Consent ModeПроверьте согласие на cookie сайта так же, как это сделал бы регулятор или рекламная платформа. Страница…