Как сделать резервную копию сайта и скриншот всей страницы

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

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

Что входит в резервную копию сайта

У большинства сайтов есть две части:

• файлы сайта: тема, плагины, изображения, загруженные документы, код
• база данных: записи, страницы, настройки, пользователи, заказы, формы

Если сайт статический и состоит только из HTML, CSS, JavaScript и картинок, достаточно архива файлов. Если это WordPress, OpenCart, Joomla, интернет-магазин или сайт с личным кабинетом, нужна еще копия базы данных

Хорошая резервная копия отвечает на три вопроса:

• где лежит архив
• есть ли в нем файлы и база
• пробовали ли вы открыть или восстановить копию

Как сделать копию через хостинг

На большинстве хостингов есть раздел Резервные копии, Backup или Файловый менеджер

Порядок:

1. зайдите в панель хостинга
2. найдите сайт или домен
3. скачайте архив файлов сайта
4. отдельно экспортируйте базу данных
5. сохраните файлы на компьютер или в облако
6. подпишите архив датой и названием сайта
7. проверьте, что архив открывается

Название лучше делать понятным:

site-example-files-2026-07-03.zip
site-example-db-2026-07-03.sql

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

Как сделать копию сайта через командную строку

Если есть доступ к серверу, файлы можно упаковать в архив

cd ~/www
zip -r site-files-2026-07-03.zip public_html

Для MySQL сохраните базу:

mysqldump -u USER -p DATABASE_NAME > site-db-2026-07-03.sql

После этого скачайте архивы на компьютер. Проверьте размер файлов: если архив весит несколько килобайт, а сайт с картинками, скорее всего, вы сохранили не ту папку

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

Как сделать резервную копию WordPress

Для WordPress есть три нормальных варианта:

• встроенный бэкап хостинга
• плагин резервного копирования
• ручная копия файлов и базы

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

Перед обновлением WordPress сделайте копию вручную или через надежный плагин, скачайте ее на компьютер и убедитесь, что внутри есть:

• папка wp-content
• изображения из медиатеки
• активная тема
• плагины
• SQL-файл базы

Если сайт коммерческий, настройте регулярные автоматические копии и хранение вне хостинга

Как сделать скриншот всей страницы в браузере

Для разовой проверки можно использовать встроенные возможности браузера или расширение для длинных скриншотов. Важно выбрать режим full page, чтобы сохранить страницу целиком, а не только видимую часть экрана

Что проверить после скриншота:

• файл не обрезан по высоте
• липкое меню не перекрыло половину страницы
• всплывающие окна не закрыли контент
• баннеры и формы попали в кадр
• название файла содержит дату

Скриншоты удобно хранить рядом с задачей:

before-homepage-2026-07-03.png
after-homepage-2026-07-03.png

Так проще сравнить, что изменилось после правки

Как сделать скриншот всей страницы через Python

Для регулярных проверок подойдет Playwright

pip install playwright
python -m playwright install chromium

Создайте файл screenshot.py:

from playwright.sync_api import sync_playwright

page_link = "https://example.com"
output = "full-page.png"

with sync_playwright() as p:
    browser = p.chromium.launch()
    page = browser.new_page(viewport={"width": 1440, "height": 900})
    page.goto(page_link, wait_until="networkidle")
    page.screenshot(path=output, full_page=True)
    browser.close()

print(f"Скриншот сохранен в {output}")

Запустите:

python screenshot.py

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

Как сравнить до и после

Перед правками сохраните:

• бэкап файлов
• бэкап базы
• скриншот главной страницы
• скриншоты ключевых страниц
• список плагинов или настроек, которые меняете

После правок откройте сайт и проверьте:

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

Скриншот помогает увидеть визуальные изменения, но функциональность нужно проверять руками

Где хранить копии

Для небольшого сайта подойдет правило 3 копий:

• одна копия на хостинге
• одна копия на компьютере
• одна копия в облачном хранилище

Для сайта с заявками, оплатой или магазином лучше настроить расписание: ежедневные копии базы, регулярные копии файлов и отдельное хранение вне сервера

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

Частые ошибки

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

Чек-лист

• скачаны файлы сайта
• сохранена база данных
• архив открывается
• копия хранится не только на сайте
• файл подписан датой
• сделан скриншот всей страницы
• отдельно проверена мобильная версия
• после правок проверены формы и меню
• понятно, как восстановить сайт из копии

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

Можно ли восстановить сайт по скриншоту

Нет. Скриншот помогает увидеть внешний вид, но не содержит файлов, базы, настроек, форм и медиатеки

Как часто делать резервную копию

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

Нужно ли скачивать копию на компьютер

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

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

Частые причины: расширение сохраняет только видимую область, страница догружает блоки после прокрутки, липкое меню перекрывает контент или скрипты не успели загрузиться