Как пользоваться pdf24 PDF в HTML за 4 шага
- Выберите PDF. Нажмите «Выбрать файл» или перетащите один PDF в поле; он остаётся на вашем устройстве.
- Решите насчёт картинок страниц. Оставьте «Добавить картинку каждой страницы» выключенным для лёгкой текстовой страницы или включите, чтобы встроить JPEG каждой страницы.
- Нажмите «Преобразовать в HTML». Текстовые страницы собираются заметно быстрее секунды; отсканированные страницы рисуются картинками.
- Сохраните и откройте .html. Откройте файл в любом браузере или вставьте его содержимое body на свой сайт, в CMS или в редактор писем.
Что создаёт pdf24 PDF в HTML?
Конвертер pdf24 PDF в HTML создаёт один файл HTML5 в UTF-8: по разделу на каждую страницу PDF, заголовки в тегах h2–h4, абзацы, маркированные и нумерованные списки, полужирный и курсив как strong и em, а текст по столбцам — таблицей, первая строка которой из ячеек th. Встроенная таблица стилей делает страницу читаемой на любом экране.
“Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. (HTML — стандартный язык разметки документов, предназначенных для показа в веб-браузере.)”
Наш счёт вышел так: заголовок страницы, h2 с номером счёта, абзац с адресом, таблица из 6 строк, где «Позиция», «Кол-во», «Цена за единицу» и «Сумма» — ячейки th, и абзац с условиями оплаты. Страница 2 — это второй раздел с id page-2, поэтому на неё можно сослаться напрямую через #page-2, например из оглавления или письма.
Разметка pdf24 PDF в HTML подробно
Файл начинается с doctype, атрибута lang, кодировки UTF-8 и тега viewport, поэтому телефоны показывают его в правильной ширине. Таблица стилей ограничивает ширину текста 52rem, добавляет границы ячейкам таблиц и масштабирует картинки по ширине. В результате нет ни JavaScript, ни веб-шрифтов, ни одного внешнего запроса, так что страница открывается мгновенно даже офлайн.
Заголовок страницы в pdf24 PDF в HTML
Тег title берёт название, сохранённое в сведениях о документе PDF, или имя файла, если названия нет. В нашем счёте было сохранено название untitled, и оно сразу попало на страницу; задайте заранее название получше через Изменить свойства PDF или поправьте тег title потом в любом текстовом редакторе.
pdf24 PDF в HTML с текстом справа налево
Абзацы, написанные в основном на арабском, иврите, персидском или урду, получают dir="rtl", поэтому в браузере они читаются справа налево, а остальная страница остаётся слева направо. Русский текст и цифры при этом не затрагиваются.
pdf24 PDF в HTML: совет для CMS
Чтобы вставить результат в WordPress или другую CMS, откройте файл в текстовом редакторе и скопируйте только то, что стоит между тегами body; тогда заголовки, таблицы и списки оформят собственные стили вашего сайта, и страница не будет выбиваться из дизайна.
Стоит ли добавлять картинку каждой страницы в pdf24 PDF в HTML?
Оставьте параметр картинок в pdf24 PDF в HTML выключенным, если нужен лёгкий текст с поиском для сайта или письма. Включайте его, когда читатели должны видеть ещё и исходный макет, логотипы и рисунки: каждая страница встраивается под своим текстом как JPEG 110 dpi, по-прежнему внутри одного файла.
| Тестовый файл | Параметр | Результат | Время |
|---|---|---|---|
| Счёт, 2 страницы | Только текст | 1,4 КБ | 0,3 с |
| Счёт, 2 страницы | Картинка каждой страницы | 66 КБ | 0,4 с |
| Отчёт, 6 страниц | Только текст | 14,8 КБ | 0,4 с |
| Скан, 4 страницы | Всегда картинки (нет текста) | 1,78 МБ | 11,9 с |
Картинки хранятся как data URL в base64, поэтому файл HTML никогда не ссылается на отдельное изображение, которое может потеряться при переносе или отправке по почте. Base64 делает каждую картинку примерно на треть больше, чем был бы отдельный файл JPEG, поэтому параметр по умолчанию выключен.
Может ли pdf24 PDF в HTML преобразовать сканы и фотографии?
У отсканированных страниц нет текста, поэтому pdf24 PDF в HTML автоматически ставит каждую из них картинкой страницы и сообщает, на скольких страницах не было выделяемого текста. Фотографии и диаграммы на страницах с текстом в режиме «только текст» не копируются; включите параметр картинок или извлеките их отдельно.
Наш скан из 4 страниц стал файлом HTML размером 1,78 МБ с 4 картинками страниц за 11,9 секунды. На тестовой странице с заголовком, предложением и тремя картинками HTML в режиме «только текст» (29,8 КБ) сохранил заголовок и предложение, но не картинки. Используйте OCR PDF, чтобы превратить сканы в настоящий текст, и Извлечь изображения, чтобы сохранить фотографии для веб-страницы.
pdf24 PDF в HTML для сайтов, почты и доступности
Веб-страницу на телефоне читать проще, чем PDF: текст перетекает по экрану, поисковые системы читают её как любую страницу, а экранные дикторы озвучивают заголовки, списки и заголовки таблиц. Преобразование PDF-объявления, меню, прайс-листа или отчёта в HTML делает его удобным без программы просмотра PDF.
- Сайт: опубликуйте PDF-объявление как настоящую страницу, которая быстро загружается и индексируется.
- Рассылка: вставьте содержимое body в редактор писем вместо вложения PDF.
- Доступность: ячейки th и теги заголовков дают экранным дикторам структуру, которой нет во многих PDF.
- Архив: один файл .html открывается в любом браузере — и сейчас, и через много лет.
Проверьте результат перед публикацией: заголовку, распознанному по крупному шрифту, может понадобиться другой уровень, а декоративные линии из PDF в HTML не попадают.
Безопасен ли pdf24 PDF в HTML для внутренних документов?
Конвертер pdf24 PDF в HTML полностью работает в вашем браузере: PDF читается через File API, HTML собирается на JavaScript и предлагается для скачивания. В каждом тесте страница отправила 0 запросов на загрузку и показала 0 загруженных байт, поэтому внутренние отчёты и черновики остаются на вашем устройстве и никуда не уходят.
Чтобы убедиться в этом самостоятельно, следите за вкладкой «Сеть» в инструментах разработчика (F12) во время преобразования. File API на MDN объясняет, как страница читает локальные файлы, не отправляя их. После закрытия вкладки в памяти ничего не остаётся.
pdf24 PDF в HTML в сравнении с другими текстовыми форматами
HTML — правильный формат, когда результат будут читать в браузере или вставлять на сайт. Markdown подходит для документации и вики, простой текст — для копирования слов в другие системы, EPUB — для электронных читалок, а Word — для дальнейшего редактирования с макетом страниц и колонтитулами.
| Формат | Лучше всего для | Наш инструмент |
|---|---|---|
| HTML | Веб-страницы, почта, браузеры | эта страница |
| Markdown | Документация, вики, файлы README | PDF в Markdown |
| TXT | Только слова, любая программа | PDF в TXT |
| EPUB | Читалки и приложения для книг | PDF в EPUB |
| DOCX | Редактирование в Word | PDF в Word |
pdf24 PDF в HTML: частые вопросы
pdf24 PDF в HTML бесплатный?
Да. Он бесплатен, без регистрации, без водяного знака и без дневного лимита. Работа выполняется в вашем собственном браузере, поэтому у файла нет серверной стоимости. Преобразуйте столько PDF, сколько нужно; каждый файл HTML принадлежит вам — публикуйте, редактируйте и делитесь им без добавленных строк с упоминанием авторства.
Сохраняет ли pdf24 PDF в HTML макет PDF?
Сохраняется структура, а не точный вид: заголовки, абзацы, списки и таблицы становятся настоящим HTML, который перетекает на любом экране. Колонки, надписи и точные позиции не копируются. Чтобы показать и исходный вид, отметьте «Добавить картинку каждой страницы» — тогда каждая страница встраивается как изображение.
Сохраняет ли pdf24 PDF в HTML картинки отдельными файлами?
Нет. Картинки страниц встраиваются внутрь HTML как данные JPEG в base64, поэтому у вас всегда только один файл для переноса или отправки по почте. Фотографии с текстовых страниц в режиме «только текст» не копируются. Если они нужны отдельными файлами для сайта, сохраните их инструментом «Извлечь изображения».
Загружает ли pdf24 PDF в HTML мой PDF?
Нет. PDF читает и преобразует ваш браузер на вашем устройстве. Во время наших тестов страница не отправила ни одного запроса на загрузку, а строка результата подтвердила: загружено 0 байт. После закрытия вкладки ничего не хранится, поэтому черновики и внутренние документы остаются конфиденциальными.
pdf24 PDF в HTML — это продукт PDF24?
Нет. pdf24tools — независимый сайт, не связанный с PDF24 или Geek Software GmbH. Этот конвертер — наш собственный код для браузера, который ничего не загружает и не требует установки. Названия страниц короткие и привычные, но сайт, код и команда, которая за ними стоит, — отдельные.
Может ли pdf24 PDF в HTML сделать скан доступным для поиска?
Нет. У скана нет текстового слоя, поэтому каждая отсканированная страница помещается в HTML как картинка, а пометка сообщает, на скольких страницах не было выделяемого текста. Сначала запустите OCR PDF, чтобы добавить настоящий текст, затем преобразуйте снова и получите заголовки и абзацы с поиском.
Сохраняет ли pdf24 PDF в HTML ссылки?
Нет. Восстанавливаются только текст и его полужирное и курсивное начертание; веб-ссылки из PDF становятся обычным текстом. Добавьте их снова в редакторе тегом a. У каждого раздела страницы есть id, например page-2, поэтому на страницу можно сослаться внутри самого файла HTML.
Какого размера получается файл pdf24 PDF в HTML?
Результаты «только текст» крошечные: наш двухстраничный счёт дал 1,4 КБ, а шестистраничный отчёт — 14,8 КБ. Картинки страниц добавляют вес: тот же счёт с картинками весил 66 КБ, а скан из 4 страниц — 1,78 МБ. Фиксированного предела размера нет; единственное ограничение — память устройства.
Можно ли вставить результат pdf24 PDF в HTML в WordPress?
Да. Откройте файл .html в текстовом редакторе, скопируйте всё между открывающим и закрывающим тегами body и вставьте в режим кода или HTML редактора WordPress. Тогда заголовки, списки и таблицы оформит ваша тема. Если разделение на страницы не нужно, удалите обёртки section.
Работает ли pdf24 PDF в HTML на телефоне?
Да, в Safari или Chrome на iPhone, iPad и Android. Файл .html сохраняется в «Файлы» или «Загрузки» и открывается в браузере телефона. Поскольку в файле есть тег viewport и узкая ширина текста, его легко читать на маленьком экране без увеличения масштаба и прокрутки вбок.
Какие теги заголовков использует pdf24 PDF в HTML?
Строки, набранные заметно более крупным шрифтом, чем основной текст, становятся заголовками и записываются как h2, h3 или h4 в зависимости от размера. Тег h1 оставлен свободным, чтобы при публикации вы добавили собственный заголовок страницы. Проверьте уровни перед публикацией, потому что размер шрифта — лишь подсказка.
pdf24 PDF в HTML: источники
- HTML — Википедия
- File API — MDN Web Docs
- HTML: HyperText Markup Language — MDN Web Docs