HTML у PDF
Завантажте HTML-файл, наприклад експортований звіт, рахунок, який генерує ваша система, шаблон листа чи збережену вебсторінку, і отримайте PDF зі сторінками, у якому збережено шрифти, таблиці та посилання. Якщо у файлі є стилі для друку, сторінки формуються за ними.
Конвертувати в PDF
або перетягніть Файли DOC, DOCX, DOCM … сюди ·
До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв
Файли обробляються на наших серверах і видаляються через 30 хв.
Перетворити весь документ або лише частину сторінок, слайдів чи аркушів.
Сторінки або слайди, які залишити, наприклад 1-3, 5, 8-10. Номери стосуються оригінального документа.
«Як в оригіналі» зберігає власний макет документа. Вузькі — 12,7 мм, звичайні — 25,4 мм, широкі — 50,8 мм ліворуч і праворуч.
Файли Excel, ODS і Numbers: перетворити кожен аркуш або лише той, що був відкритий під час збереження файлу.
Якість JPEG для фото в документі. 90 виглядає так само, як оригінал; зменште, щоб PDF був меншим.
Залиште порожнім, щоб не встановлювати пароль. Якщо задано, PDF запитуватиме його перед відкриттям. Недоступно з PDF/A.
Як користуватися цим інструментом
- 1
Виберіть файл .html або .htm
Додайте до 20 файлів, кожен до 95 MB. Щоб конвертувати сторінку з інтернету, спершу збережіть її через Ctrl+S (на Mac — Cmd+S) і завантажте файл .html.
- 2
Вкажіть розмір сторінки та поля
Параметр Розмір сторінки зі значенням «Як в оригіналі» враховує правило @page у файлі. У розділі Додаткові налаштування можна примусово задати A4 чи Letter, альбомну Орієнтація або інші Поля.
- 3
Конвертуйте в PDF
Натисніть Конвертувати в PDF і завантажте результат. Завантажені файли та PDF видаляються через 30 хвилин.
HTML у PDF безкоштовно: які файли конвертуються без проблем
Найкраще конвертуються HTML-файли, що містять усе всередині: стилі в елементі <style>, зображення вбудовані або підключені за повними адресами https://, шрифти завантажені через @font-face. Так влаштована більшість згенерованих документів: рахунки, виписки, звіти про тестування, експорти документації та HTML-шаблони листів, які роблять самодостатніми, бо поштові клієнти блокують зовнішні файли.
Сторінка, збережена із сайту, — інша річ. У режимі «Вебсторінка повністю» браузер записує файл .html і поруч папку із зображеннями та стилями, а ця папка не входить у завантаження. Якщо PDF з такої сторінки виглядає голим, надрукуйте її з браузера або спершу очистіть вміст; конвертер HTML у Word стане в пригоді, коли потрібно прибрати меню й футери перед створенням PDF.
Як пікселі CSS відповідають сторінкам A4 і Letter
| Size | Pixels | cm | in | DPI | Fits |
|---|---|---|---|---|---|
| A4 | 794 × 1123 | 21,0 × 29,7 | 8,27 × 11,69 | 96 | Корисна ширина близько 602 px при полях 25,4 мм |
| Letter | 816 × 1056 | 21,6 × 27,9 | 8,5 × 11 | 96 | Стандарт США; корисна ширина близько 624 px при полях 1 дюйм |
| Legal | 816 × 1344 | 21,6 × 35,6 | 8,5 × 14 | 96 | Довгі американські договори та форми |
| A3 | 1123 × 1587 | 29,7 × 42,0 | 11,69 × 16,54 | 96 | Широкі дашборди та розклади |
| A5 | 559 × 794 | 14,8 × 21,0 | 5,83 × 8,27 | 96 | Буклети та квитанції |
CSS визначає один дюйм як 96 px, тож сторінка має фіксовану ширину в тих самих одиницях, що й ваша таблиця стилів. Макет, розрахований на настільне вікно 1280 px, має близько 600 px на сторінці A4 зі звичайними полями. Адаптивні сторінки переходять на вужчий макет і друкуються добре; сторінки з фіксованим контейнером 1000 px масштабуються або обрізаються залежно від рушія. Якщо задати Поля «Вузькі» (12,7 мм), можна повернути близько 100 px ширини.
Print CSS, що керує розривами сторінок у PDF
@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
HyperText Markup Language
HTML — мова розмітки вебу, яку на початку 1990-х описав Тім Бернерс-Лі і яку тепер підтримує WHATWG як «живий стандарт». Файл HTML описує заголовки, абзаци, посилання, таблиці, зображення та форми, а оформлення зазвичай задає CSS. Його відображає кожен браузер, а ще його використовують для шаблонів листів і збережених вебсторінок. Один файл HTML часто залежить від зовнішніх зображень і таблиць стилів, тому окремо він може виглядати зламаним.
- Стиснення
- –
- Прозорість
- –
- Анімація
- –
- Рік появи
- 1993 · Tim Berners-Lee; maintained by WHATWG
Portable Document Format
PDF створила Adobe у 1993 році, а у 2008-му він став відкритим стандартом ISO 32000. Він фіксує текст, шрифти, зображення й верстку, щоб документ виглядав однаково на кожному екрані та принтері. PDF можуть містити форми, підписи, посилання, вкладення й текст із пошуком, а варіант PDF/A застосовують для довгострокового архівування. Через фіксовану верстку PDF важко редагувати, а скановані PDF містять лише зображення, доки не застосовано OCR. Їх відкриває кожен браузер і операційна система.
- Стиснення
- –
- Прозорість
- Так
- Анімація
- Ні
- Рік появи
- 1993 · Adobe
HTML перебудовується під будь-яке вікно, в якому відкривається, і залежить від шрифтів, скриптів та зображень, що лежать деінде; PDF фіксує одну посторінкову версію, яку можна архівувати, додати до листа з рахунком або подати на порталі, що приймає лише документи.
Запитання про HTML у PDF
Чи можна конвертувати вебсторінку, просто вставивши її адресу?
Ні, цей конвертер працює з файлами. Збережіть сторінку в браузері й завантажте файл .html або скористайтеся вікном друку самого браузера, обравши «Зберегти як PDF». Це краще для сторінок за логіном або тих, де багато зображень, що завантажуються із сайту.
Чому після конвертації HTML у PDF зникли кольори фону?
Під час друку фон за замовчуванням не відтворюється, щоб заощадити чорнило, — і в браузерах, і в більшості конвертерів. Додайте print-color-adjust: exact до елементів, чиї кольори мають зберегтися, наприклад до рядків заголовків таблиць і статусних міток, — і вони залишаться.
Чи залишаються посилання з HTML клікабельними в PDF?
Посилання з повними адресами зазвичай залишаються клікабельними. Відносні посилання на кшталт /pricing втрачають свій сайт, щойно файл покидає його, тому перепишіть їх на повні адреси https://, якщо читачі переходитимуть за ними з PDF.
Чому широка таблиця обрізається з правого боку сторінки?
Таблиця ширша за область друку, часто через фіксовану ширину в пікселях. Встановіть Орієнтація — альбомна або задайте таблиці width: 100% і менші відступи в клітинках у друкованому CSS, щоб вона вмістилася на сторінку.
Чи можна об’єднати кілька HTML-файлів в один PDF?
Кожен завантажений файл стає окремим PDF, до 20 за раз. Потім упорядкуйте їх за допомогою Об’єднати PDF; якщо перед завантаженням назвати файли 01, 02, 03, порядок буде очевидним.
