UltKit
Изображения11
PDF13
Документы и данные7
Видео6
Аудио4
Другие инструменты22

HTML в PDF

Загрузите HTML-файл (выгруженный отчёт, счёт из вашей системы, шаблон письма или сохранённую веб-страницу) и получите постраничный PDF с исходными шрифтами, таблицами и ссылками. Если в файле есть стили для печати, страницы оформляются по ним.

Преобразовать в PDF

или перетащите сюда файлы DOC, DOCX, DOCM … ·

Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут

Вывод

Файлы обрабатываются на наших серверах и удаляются через 30 минут.

Как пользоваться инструментом

  1. 1

    Загрузите файл .html или .htm

    Добавьте до 20 файлов, каждый до 95 MB. Чтобы перевести страницу из интернета, сначала сохраните её сочетанием Ctrl+S (на Mac — Cmd+S) и загрузите файл .html.

  2. 2

    Выберите размер страницы и поля

    Если в поле Размер страницы выбрано «Как в источнике», используется правило @page из файла. Задать A4 или Letter, альбомную Ориентацию или другие Поля можно в разделе Расширенные настройки.

  3. 3

    Конвертируйте в PDF

    Нажмите Конвертировать в PDF и скачайте результат. Загруженные файлы и PDF удаляются через 30 минут.

HTML в PDF бесплатно: какие файлы конвертируются без ошибок

Лучше всего конвертируются HTML-файлы, в которых есть всё необходимое: стили в элементе <style>, изображения встроены или подключены по полным адресам https://, шрифты загружены через @font-face. Так устроено большинство сгенерированных документов: счета, выписки, отчёты о тестах, выгрузки документации и HTML-шаблоны писем, которые делают самодостаточными, потому что почтовые клиенты блокируют внешние файлы.

Страница, сохранённая с сайта, — другое дело. При сохранении «Веб-страница полностью» браузер записывает файл .html и рядом папку с изображениями и таблицами стилей, а эта папка в загрузку не попадает. Если PDF из такой страницы выглядит голым, распечатайте её из браузера или сначала очистите содержимое; конвертер HTML в Word удобен, когда нужно убрать меню и подвалы до создания PDF.

Как пиксели CSS соотносятся со страницами A4 и Letter

SizePixelscminDPIFits
A4794 × 112321,0 × 29,78,27 × 11,6996Полезная ширина около 602 px при полях 25,4 мм
Letter816 × 105621,6 × 27,98,5 × 1196Стандарт в США; полезная ширина около 624 px при полях 1 дюйм
Legal816 × 134421,6 × 35,68,5 × 1496Длинные американские договоры и формы
A31123 × 158729,7 × 42,011,69 × 16,5496Широкие дашборды и расписания
A5559 × 79414,8 × 21,05,83 × 8,2796Буклеты и квитанции

В CSS один дюйм равен 96 px, поэтому у страницы фиксированная ширина в тех же единицах, что и в вашей таблице стилей. Макет, рассчитанный на окно рабочего стола шириной 1280 px, на странице A4 с обычными полями располагает примерно 600 px. Адаптивные страницы переключаются на узкий макет и печатаются хорошо; страницы с фиксированной обёрткой 1000 px уменьшаются или обрезаются — зависит от движка отрисовки. Если задать Поля «Узкие» (12,7 мм), ширина вырастет примерно на 100 px.

Базовая таблица стилей для печати: размер страницы, скрытые элементы сайта и правила разрывов
@page { size: A4; margin: 15mm; }
@media print {
  nav, footer, .cookie-banner { display: none; }
  h2, h3 { break-after: avoid; }
  table, figure, pre { break-inside: avoid; }
  .new-section { break-before: page; }
}

Правило @page взято из модуля CSS Paged Media от W3C и задаёт размер листа и поля. Свойства break-before, break-after и break-inside относятся к CSS Fragmentation и заменяют старые свойства page-break-, которые браузеры по-прежнему принимают как псевдонимы. Веб-шрифты требуют ещё одной проверки: шрифт, загруженный с сервера, недоступного конвертеру, заменяется системным, и при включённом параметре Встроить шрифты* в PDF встраивается именно эта замена. Делайте файлы шрифтов доступными по полным адресам https://.

HTML

Язык разметки HTML

HTML — язык разметки веба, впервые описанный Тимом Бернерсом-Ли в начале 1990-х; сейчас его развивает WHATWG как «живой стандарт». HTML-файл описывает заголовки, абзацы, ссылки, таблицы, изображения и формы, а оформление обычно задаётся через CSS. Его отображает любой браузер; формат также используется для шаблонов писем и сохранённых веб-страниц. Отдельный HTML-файл часто зависит от внешних изображений и таблиц стилей, поэтому после переноса без них он может выглядеть «сломанным».

Сжатие
–
Прозрачность
–
Анимация
–
Год появления
1993 · Tim Berners-Lee; maintained by WHATWG
Конвертер HTML

PDF

Документ PDF (Portable Document Format)

PDF создан Adobe в 1993 году и в 2008 году стал открытым стандартом ISO 32000. Он фиксирует текст, шрифты, изображения и вёрстку, поэтому документ выглядит одинаково на любом экране и принтере. PDF может содержать формы, подписи, ссылки, вложения и текст с возможностью поиска, а вариант PDF/A используется для долговременного архивирования. Из-за фиксированной вёрстки PDF трудно редактировать, а отсканированные PDF содержат только изображения, если не применить OCR. Их открывает любой браузер и любая операционная система.

Сжатие
–
Прозрачность
Да
Анимация
Нет
Год появления
1993 · Adobe
Конвертер PDF

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

Вопросы о конвертации HTML в PDF

Можно ли конвертировать веб-страницу, просто вставив её адрес?

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

Почему при конвертации HTML в PDF пропадают цвета фона?

При печати фон по умолчанию отбрасывается, чтобы экономить чернила, — так делают браузеры и большинство конвертеров. Добавьте print-color-adjust: exact к элементам, чьи цвета нужно сохранить, например к строкам заголовков таблиц и значкам статусов, — и фон останется.

Останутся ли ссылки из HTML кликабельными в PDF?

Ссылки с полными адресами обычно остаются кликабельными. Относительные ссылки вроде /pricing теряют привязку к сайту, когда файл покидает его, поэтому перепишите их в виде полных адресов https://, если читатели будут переходить по ним из PDF.

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

Таблица шире области печати, часто из-за фиксированной ширины в пикселях. Выберите альбомную Ориентацию или задайте таблице width: 100% и меньшие отступы в ячейках в стилях печати, чтобы она уместилась на странице.

Можно ли объединить несколько HTML-файлов в один PDF?

Каждый загруженный файл становится отдельным PDF, до 20 за раз. Затем расположите их по порядку с помощью Объединить PDF; если назвать файлы 01, 02, 03 до загрузки, порядок будет очевиден.