HTML в PDF онлайн 2026: конвертировать веб-страницу или HTML-файл в PDF за 30 секунд бесплатно

Чек оплаты из интернет-магазина пришёл как страница, а нужен PDF для бухгалтерии. Сделали отчёт в админке CRM — экспорта в PDF там нет, только HTML. Сверстали красивый шаблон письма в HTML — нужно превратить в PDF для рассылки. HTML → PDF решает это за 30 секунд: Chromium в headless-режиме рендерит страницу так же, как Chrome в браузере, и сохраняет результат как PDF. В статье — что поддерживается, как добавить колонтитулы, и как обойти подводные камни с шрифтами и картинками.

Когда нужен HTML → PDF

Бухгалтерия и чеки

• Чек оплаты из интернет-магазина
• Билет от РЖД / Аэрофлот
• Подтверждение брони отеля
• Квитанция об оплате ЖКХ

Бизнес и CRM

• Отчёт из админки (без экспорта в PDF)
• Счёт на оплату из CRM
• Договор по шаблону с подстановкой
• Накладная из 1С / Битрикс24

Дизайн и маркетинг

• HTML-шаблон рассылки → PDF превью
• Лендинг → PDF для печати на буклете
• Email с CSS → архивная версия
• Резюме в HTML/CSS → PDF для HR

Разработка

• Тест-репорт из CI/CD pipeline
• Документация API в виде PDF
• Аналитика Grafana / Kibana
• Скриншот веб-приложения для тикета

HTML → PDF за 4 шага

Откройте инструмент

Зайдите на /html-to-pdf — без регистрации.

Загрузите HTML

Перетащите .html файл (со всеми ресурсами).

Конвертируем

Chromium headless рендерит страницу.

Скачайте PDF

Пиксель-в-пиксель совпадение с браузером.

Что поддерживается

✅ Работает

Полный CSS3: Grid, Flexbox, animations (финальный кадр)

Google Fonts через @import / <link>

SVG-графика и иконки

Картинки JPG, PNG, WebP, GIF

CSS @media print и @page правила

Кириллица (UTF-8) без проблем

Простой JavaScript для динамики

Canvas-графика

Тени, градиенты, transform

❌ Не работает

Интерактивные формы (кнопки, поля ввода — статичны)

Видео и аудио

Сложный JavaScript-рендеринг (React/Vue SPA без SSR)

WebSocket-соединения, AJAX к внешним API

Внешние стили / шрифты по HTTP (только HTTPS)

Самописные шрифты без @font-face base64

Микрофон, камера, геолокация

Подсветка синтаксиса от Prism.js без перерендера

CSS для красивого PDF

Используйте @media print и @page правила, чтобы стиль печати отличался от веб-версии:

@page {
  size: A4;
  margin: 20mm 15mm;
  @top-center { content: "Отчёт за май 2026"; }
  @bottom-right { content: counter(page) " / " counter(pages); }
}

@media print {
  body { font-family: 'PT Serif', serif; }
  .no-print { display: none; }  /* Скрыть кнопки */
  h1 { page-break-after: avoid; } /* Заголовок не отрывается */
  table { page-break-inside: avoid; } /* Таблица целиком */
  a { color: black; text-decoration: none; }
}

Альтернативы офлайн

Google Chrome / Edge: открыть HTML локально → Ctrl+P → «Сохранить как PDF» — самый простой способ

wkhtmltopdf (бесплатно, CLI): wkhtmltopdf input.html output.pdf — пакетная обработка

Puppeteer (Node.js): для разработчиков, программный контроль над headless Chrome

WeasyPrint (Python, бесплатно): рендер по CSS Paged Media — без браузера

Prince XML (платно): профессиональное издательское качество

PDFKit (Ruby): встроенная конвертация HTML → PDF

Частые проблемы

Что идёт не так

Шрифт стал стандартным — внешний @import не загрузился; встройте шрифт через base64 или используйте Google Fonts

Картинки не загрузились — относительные пути (./img/) не работают; используйте абсолютные URL HTTPS или base64

JavaScript не выполнился — наш сервис не ждёт долгих JS-загрузок; рендерите HTML на сервере (SSR)

Сайт со сложным дизайном превратился в кашу — это нормально для веб-страниц без @media print; добавьте print CSS

Файл больше 9 МБ (с большими картинками) — оптимизируйте картинки перед конвертацией

Сайт защищён через CSP или CORS — наш сервис уважает CSP; если ваш HTML требует внешние ресурсы — встройте их inline

Хочу сохранить веб-страницу по URL — мы не поддерживаем (защита от SSRF); используйте Chrome «Печать → PDF»

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

Как конвертируется HTML в PDF?+

Под капотом — браузер Chromium в headless-режиме (без UI). Он открывает HTML, ждёт пока загрузятся все ресурсы (CSS, шрифты, картинки, JavaScript), рендерит страницу, и сохраняет результат как PDF. Это даёт пиксель-в-пиксель совпадение с тем, что вы видите в Chrome. Поддерживается CSS3, веб-шрифты Google Fonts, SVG, canvas, простой JavaScript. НЕ поддерживается: интерактивные элементы (формы, кнопки), видео, музыка, сложный JavaScript-рендеринг (для SPA нужно ждать загрузки данных перед экспортом).

В чём разница с «Печать → Сохранить как PDF» в Chrome?+

Технически — никакой, под капотом тот же Chromium. Преимущества нашего сервиса: (1) API для пакетной обработки — можно интегрировать в CRM/учёт; (2) Точные настройки полей и формата без открытия Chrome; (3) Готовые шаблоны (A4, A5, Letter, Legal); (4) Работает на сервере — не нужно держать вкладку открытой. Преимущества Chrome: (1) Бесплатно, локально; (2) Не нужен интернет для рендеринга простой страницы; (3) Полный контроль над CSS-печатью (@media print). Для разовых задач — Chrome быстрее; для регулярных — наш API.

Можно ли конвертировать сайт по URL?+

В текущей версии — только загруженный HTML-файл (для безопасности). Это исключает SSRF-атаки (внутренние сети, метаданные облака). Если нужно сохранить веб-страницу: (1) Откройте в Chrome → правый клик → «Сохранить как» → «Веб-страница, полностью (HTML)» — получите HTML-файл с зависимостями; (2) Загрузите HTML к нам. Альтернатива: в Chrome нажмите Ctrl+P → «Сохранить как PDF» — это работает локально и не требует загрузки.

Сохраняются ли CSS, шрифты, картинки?+

Да, всё, что может отрендерить Chromium. (1) CSS — полная поддержка CSS3, включая Grid, Flexbox, animations (как финальное состояние). (2) Шрифты — Google Fonts загружаются автоматически по @import / <link>; локальные шрифты должны быть встроены в HTML через @font-face и base64 или загружены вместе с HTML. (3) Картинки — JPG, PNG, SVG, WebP, GIF. (4) Не работает: внешние ресурсы, которые требуют HTTPS-сертификат или специальные заголовки.

Какой формат страницы выбрать?+

Зависит от цели. (1) A4 (210×297 мм) — стандарт для России, ЕС, Азии; для документов, отчётов, договоров. (2) Letter (8.5×11") — стандарт для США и Канады; для документов, отправляемых туда. (3) A3 (297×420 мм) — для больших схем, чертежей, плакатов. (4) A5 (148×210 мм) — для книг, буклетов, листовок. По умолчанию у нас A4 — это правильный выбор для 95% задач.

Можно ли добавить колонтитулы, нумерацию страниц?+

Да, через CSS-печать. Используйте @media print и @page правила: @page { margin: 20mm; @top-center { content: "Заголовок"; } @bottom-right { content: counter(page) " / " counter(pages); } }. После генерации PDF — можно добавить нумерацию через наш Page Numbers PDF. Для сложных шапок и колонтитулов — встройте их прямо в HTML с position: fixed и они появятся на каждой странице (Chromium это уважает).

Безопасно ли конвертировать HTML онлайн?+

Сервер запускает Chromium в изолированной sandbox-среде с отключённой сетью (исключая загрузку шрифтов с белого списка доменов). HTML-файлы проходят CSP-санитизацию: блокируются <iframe>, потенциально опасные JS API. Файлы передаются по HTTPS, удаляются с сервера в течение 60 секунд. Для конфиденциальных задач (банковские чеки, медицинские отчёты) альтернатива — локально: Chrome «Печать → Сохранить как PDF», wkhtmltopdf (бесплатно, CLI), Puppeteer (для разработчиков, Node.js).