# Создатель Скриншотов Сайтов

Создает скриншоты высокого качества веб-сайтов с настраиваемыми опциями с использованием безголового браузера

> Каноническая страница: https://elysiatools.com/ru/tools/website-screenshot

- **Категория:** Development

- **Ключевые слова:** скриншот, сайт, браузер, puppeteer, захват, веб-страница, изображение, безголовый, автоматизация

## Обзор

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

## Входные данные

- **URL** (text): https://example.com
- **Ширина (пиксели)** (number): 1200
- **Высота (пиксели)** (number): 800
- **Формат Изображения** (select)
- **Качество (1-100)** (number): 80
- **Полностраничный Скриншот** (checkbox)
- **Время Ожидания (мс)** (number): 1000
- **Скрыть Элементы (CSS-селекторы)** (textarea): .ads, .popup, .cookie-banner (comma-separated)
- **Темный Режим** (checkbox)
- **Мобильный Вид** (checkbox)

## Когда использовать

- Когда нужно сохранить веб-страницу для документации, архива или офлайн-просмотра.
- При тестировании адаптивного дизайна сайта на разных размерах экрана, включая мобильные устройства.
- Для создания чистых скриншотов без рекламы, всплывающих окон или других отвлекающих элементов.

## Как это работает

- Введите URL целевой веб-страницы в соответствующее поле.
- Настройте параметры снимка: ширину и высоту в пикселях, формат изображения (PNG, JPEG или WebP), качество, а также дополнительные опции вроде полностраничного режима или темной темы.
- При необходимости укажите CSS-селекторы элементов, которые нужно скрыть, и время ожидания загрузки страницы.
- Нажмите кнопку генерации, чтобы создать скриншот, и скачайте полученный файл изображения.

## Сценарии использования

- Создание скриншотов для технической документации, инструкций или базы знаний.
- Тестирование отображения сайта на различных устройствах, например, в мобильном виде с шириной 375 пикселей.
- Быстрый захват веб-страниц для презентаций, отчетов или социальных сетей без лишних интерфейсных элементов.

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

### Какие форматы изображений поддерживаются?

Инструмент поддерживает форматы PNG (без потерь), JPEG (сжатый) и WebP (современный).

### Можно ли сделать скриншот всей страницы, а не только видимой части?

Да, включите опцию «Полностраничный Скриншот», чтобы захватить всю длину веб-страницы.

### Как скрыть рекламу или баннеры на скриншоте?

Введите CSS-селекторы ненужных элементов (например, .ads, .popup) в поле «Скрыть Элементы» через запятую.

### Есть ли ограничения по размеру скриншота?

Ширина и высота могут быть установлены в диапазоне от 100 до 4000 пикселей.

### Как долго генерируется скриншот?

Время ожидания можно настроить от 0 до 30000 миллисекунд, чтобы страница успела полностью загрузиться.

## Связанные инструменты

- [Генератор Красно-Цианового Анаглифа 3D](https://elysiatools.com/ru/tools/image-anaglyph): Создает красно-циановые анаглифы 3D из обычных фотографий. Создает стереоскопические 3D изображения, видимые через красно-циановые 3D очки.
- [Генератор Карты Глубины](https://elysiatools.com/ru/tools/image-depth-map): Создает карты глубины из изображений, используя анализ яркости, насыщенности и краев. Создает карты глубины в градациях серого, где более светлые пиксели указывают на близкие объекты, а более темные - на дальние.
- [PDF бренд-гайд](https://elysiatools.com/ru/tools/pdf-brand-guidelines-pdf): Создает брендбук с логотипом, палитрой, шрифтами и отступами
- [PDF makety izobrazheniy](https://elysiatools.com/ru/tools/pdf-image-layouts): Odnostranichnye mnogofoto makety
- [PDF контакт-лист](https://elysiatools.com/ru/tools/pdf-photo-contact-sheet): Создает контактные листы с миниатюрами, именами файлов и EXIF
- [Generator postera PDF](https://elysiatools.com/ru/tools/pdf-poster-maker): Shablony posterov/flaerov v PDF
- [PDF раскадровка](https://elysiatools.com/ru/tools/pdf-storyboard-sheet): Создает листы раскадровки с миниатюрой и областью описания
- [Анализатор изображений VP8](https://elysiatools.com/ru/tools/vp8-image-analyzer): Анализирует WebP/VP8 через Sharp, создает grayscale displacement map и рендерит 3D-рельеф в Three.js

## Примеры

- [Примеры Обработки Изображений Android Java](https://elysiatools.com/ru/samples/android-image-processing-java): Примеры обработки изображений Android Java включая чтение/сохранение, масштабирование и преобразование формата
- [Примеры Обработки Изображений Android Kotlin](https://elysiatools.com/ru/samples/android-image-processing-kotlin): Примеры обработки изображений Android Kotlin включая чтение/сохранение, масштабирование и преобразование формата
- [Примеры Обработки Изображений Web Python](https://elysiatools.com/ru/samples/web-image-processing-python): Примеры обработки изображений Web Python используя PIL/Pillow включая чтение, сохранение, изменение размера и преобразование формата
- [Примеры Обработки Изображений Web Rust](https://elysiatools.com/ru/samples/web-image-processing-rust): Примеры обработки изображений Web Rust включая чтение/запись, масштабирование и преобразование форматов

## Связанные материалы

- [Аудит веб-доступности перед публикацией](https://elysiatools.com/ru/hubs/web-accessibility-audits): Проверьте структуру страницы или UI-компонента, порядок чтения, контраст на скриншотах и риски для цветового зрения, а затем оформите автоматические находки в запись с ручной проверкой.