Перейти к содержимому

Конвертировать PDF в HTML

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

  • Не сохраняется
  • Без очереди и ожидания
  • Без регистрации и водяных знаков

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

1

Добавьте PDF

Перетащите документ, который нужен в виде веб-страницы.

2

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

Каждая страница собирается заново как позиционированный блок с графикой и текстом.

3

Скачайте

Один файл .html, который можно открыть, разместить на сайте или отправить по почте как есть.

Один файл, никаких зависимостей, фиксированная вёрстка

На выходе — один файл .html, и рядом с ним ничего нет. Каждая картинка встроена как data URI, таблица стилей лежит в head, и ни один шрифт ниоткуда не подгружается — поэтому страница открывается одинаково даже на компьютере без интернета, а только такой экспорт в HTML и имеет смысл. Цена — простая арифметика: двоичные данные изображений, закодированные текстом, становятся примерно на треть больше, так что PDF со сканами на 10 MB превращается почти в 14 MB HTML, и всё это браузер должен разобрать, прежде чем что-то показать.

Вёрстка фиксированная, а не адаптивная, и это решение, а не упущение. Каждая страница — это блок точных размеров PDF в пунктах, а каждая строка текста — абсолютно позиционированный span на исходных координатах, с перенесёнными размером и цветом. Ничего и никогда не перетекает: на телефоне вы увидите всю страницу целиком в уменьшенном виде, а не колонку удобного для чтения текста. Таблица стилей для печати включена, поэтому HTML при печати аккуратно разбивается по границам исходных страниц.

Поскольку шрифты с файлом не передаются, текст набирается той Helvetica или Arial, которая есть на компьютере читателя. Размер и положение верные, а начертания букв — нет, поэтому строка может чуть выходить за границы графики под ней. Есть один изящный приём, о котором стоит знать: когда слова на странице — часть нарисованной графики, а не настоящий текст, текстовый слой всё равно записывается, но прозрачным — так страница остаётся доступной для выделения и поиска, а слова не видны дважды.

Ссылки внутри PDF приходят обычным текстом, а не якорями, заголовки — позиционированными span, а не элементами заголовков, и о порядке чтения говорить не приходится. Результат — точная картинка документа, которая просто сделана из HTML. Это не структурированная семантическая разметка, и её не стоит использовать там, где в ней должны разобраться экранный диктор или поисковая система.

Если нужно другое

Инструмент, который делает это как следует, — pdf2htmlEX. Он извлекает собственные шрифты PDF и встраивает их как веб-шрифты, так что текст не просто правильно расположен, а набран нужной гарнитурой нужной ширины, и он воссоздаёт векторную графику векторами, а не сплющивает страницу в картинку. Результат гораздо точнее и гораздо сложнее. pdftohtml -s -c in.pdf out.html из Poppler — быстрая золотая середина.

Если на самом деле вам нужна веб-страница, а не картинка страницы, — то, что перестраивается на телефоне, что может прочитать Google и по чему может пройти экранный диктор, — её не даст ни один конвертер PDF в HTML, потому что нужная структура была выброшена в момент создания PDF. Конвертируйте в Word в режиме потокового текста и экспортируйте оттуда или вернитесь к тому, из чего PDF был напечатан.

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

Это правда один файл?

Да. Каждое изображение встроено как data URI, стили находятся в самом файле, так что не нужно держать рядом папку с ресурсами, и без интернета файл открывается точно так же.

Можно ли выделять текст?

Да. Текст записан настоящим HTML-текстом поверх графики, поэтому его можно выделять, искать и зачитывать экранным диктором.

Будет ли вёрстка подстраиваться под телефон?

Нет, и это честный компромисс: каждая страница сохраняет точную вёрстку, поэтому результат выглядит как PDF, а не как адаптивный сайт. Если нужен текст, который перетекает под ширину экрана, используйте «PDF в Word» или «PDF в текст».

Сохраняется ли мой PDF где-нибудь?

Нет. Ничего не сохраняется ни на каком этапе.

Можно ли это распечатать?

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

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

Разместите этот инструмент на своём сайте

Бесплатно для любого блога, страницы класса или справочной статьи. Вставьте один фрагмент кода — и посетители смогут пользоваться инструментом прямо на вашей странице.