HTML в PDF: как сохранить веб-страницу

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

Веб-страница и PDF устроены по-разному. HTML — это не лист бумаги, а текст, который браузер раскладывает по экрану на лету: подставляет шрифты, тянет картинки с других серверов, перестраивает блоки под ширину окна. Когда вы переводите HTML в PDF, всю эту живую раскладку нужно «заморозить» в фиксированные страницы формата A4. Здесь и появляются типичные сюрпризы: уехавшие отступы, обрезанные таблицы, пропавшие шрифты. Если понимать, откуда они берутся, результат получается чистым с первого раза.

Как перевести HTML в PDF: пошагово

1. Откройте html-to-pdf и загрузите исходник: сохранённый файл `.html` или ссылку на страницу, в зависимости от того, что у вас на руках. 2. Перед сохранением целиком пролистайте страницу до конца в браузере, чтобы подгрузились отложенные картинки и блоки. То, что не успело загрузиться, в PDF не попадёт. 3. Выберите книжную ориентацию для статей и переписки, альбомную — для широких таблиц и дашбордов, которые иначе обрежутся по правому краю. 4. Запустите конвертацию и откройте готовый PDF. Прокрутите его до последней страницы — убедитесь, что контент не оборвался на середине. 5. Проверьте, что текст выделяется курсором, а не лежит картинкой: попробуйте выделить пару строк и скопировать их. 6. Скачайте файл сразу после обработки — он понадобится вам локально, а на сервере долго не хранится.

Что может пойти не так

• Таблица обрезана по правому краю. Широкие прайс-листы и отчёты не влезают в книжный лист. Переключитесь на альбомную ориентацию или уменьшите масштаб страницы перед сохранением.
• Часть длинной страницы пропала. Ленты, отзывы и комментарии подгружаются при прокрутке. Доведите страницу до самого низа и дождитесь, пока всё отрисуется, иначе в PDF уйдёт только верхушка.
• Шрифт «съехал» на стандартный. Если сайт использует фирменный шрифт, который не подгрузился, текст пересоберётся другим начертанием и вёрстка поедет. Дайте странице полностью загрузиться до конвертации.
• Вместо картинок — пустые рамки. Изображения, что тянутся с внешних серверов, иногда не успевают прийти. Обновите страницу, дождитесь всех картинок и только потом сохраняйте.
• Кнопки «Печать» и баннеры попали в документ. Всплывающие окна о cookie и плавающие кнопки нередко перекрывают текст. Закройте их в браузере перед тем, как отправлять страницу на конвертацию.
• В PDF лежит картинка вместо текста. Тогда поиск по документу не работает и текст не скопировать. Сохраняйте так, чтобы текст оставался текстом — это пригодится при любой дальнейшей работе с файлом.

Что проверить перед тем, как отправить PDF

• Страница сохранилась целиком — от шапки до последней строки в подвале.
• Текст выделяется и копируется, а ссылки внутри документа остались кликабельными.
• Таблицы и широкие блоки не обрезаны по краям листа.
• На документе видны дата сохранения и адрес страницы — их стоит зафиксировать сразу.
• Файл открывается в обычной читалке PDF, а не только в одном конкретном браузере.

С чем связать дальше

Если из сохранённой страницы нужно вытащить текст и поправить его, перенесите документ в редактор через pdf-to-word, а готовую правку верните обратно в PDF с помощью word-to-pdf. Когда страница — это большая таблица с данными, выгрузите её в таблицу через pdf-to-excel и считайте всё нормально, а не глазами по картинке.