HTML PDF-ке
HTML беттерін PDF форматына түрлендіріңіз.
HTML-ді PDF-ке түрлендіру дегеніміз не
HTML-ді PDF-ке — HTML файлды CSS стильдерін, қаріптерді, суреттер мен макетті сақтап PDF құжатқа рендерлеу.
Бұл түрлендіргіштің басты артықшылығы — CSS рендеринг дәлдігі. Қазіргі HTML Flexbox, Grid, медиа-сұраулар мен жасанды қаріптерді пайдаланады — біздің қозғалтқыш (Gotenberg арқылы headless Chromium) осының бәрін қолдайды.
.html файл серверге жүктеліп, ішкі браузер Chromium-да рендерленеді және PDF-ке сақталады. Процесс 3–8 секунд алады.
HTML-ді PDF-ке қалай түрлендіру керек
- HTML файлды дайындаңыз — барлық CSS стильдер файл ішінде немесе абсолютті URL арқылы қосылғанына көз жеткізіңіз
- Файлды жүктеңіз — .html немесе .htm файлды жүктеу аймағына сүйреңіз (макс. 10 МБ)
- Өңдеуді күтіңіз — сервер HTML-ді headless Chromium-да ашып, 3–8 секундта рендерлейді
- Нәтиже алдын ала көрінісін тексеріңіз
- Дайын PDF файлды құрылғыңызға жүктеп алыңыз
Артықшылықтары
- CSS толық қолдауы — стильдер, Flexbox, Grid және медиа-сұраулар PDF-те дұрыс рендерленеді
- Chromium қозғалтқышымен рендеринг (Gotenberg) — жаңа Chrome-нан басып шығарғандай нәтиже, ескірген қозғалтқыштарсыз
- Автоматты A4 форматы — кітаптық бағыт пен ұқыпты жиектер өздігінен орнатылады, қолмен ешбір баптау қажет емес
- Бір рет басумен серверлік түрлендіру — .html жүктедіңіз, түймені бастыңыз, PDF алдыңыз; файл өңдеуден кейін жойылады
- Веб-қаріптерді қолдау — Google Fonts пен @font-face дұрыс жұмыс істейді
- Векторлық мәтін — PDF-тегі мәтін бөлініп, индекстелетін болып қалады
HTML-ді PDF-ке түрлендіру қашан керек
Шаблоннан инвойс жасау
Бизнес шот-фактура үлгілерін HTML түрінде сақтайды. Деректер енгізілген HTML-ді клиентке жіберу үшін PDF-ке рендерлейді.
Веб-беттерді мұрағаттау
Жаңалықты немесе мақаланы заңды копия ретінде сақтау үшін бетті HTML ретінде (Ctrl+S) сақтап, PDF-ке түрлендіріңіз.
Email-таратуды PDF-ке
Маркетологтар HTML-хаттарды PDF-ке айналдырып клиенттерге жібереді.
Дашбордтардан есептер
Аналитикалық дашбордтар HTML снапшоттарды беретін. PDF көшірмесі апталық есеп үшін стандарт.
Веб-кабинеттен анықтамаларды басып шығару
Көптеген банктер мен eGov анықтамаларды HTML-те көрсетеді. Физикалық кеңсеге беру үшін PDF нұсқасы қажет.
Құжаттама беттерін сақтау
Техникалық жазушылар Docusaurus, MkDocs арқылы құжаттаманы жасайды. HTML → PDF түрлендіру офлайн копия жасайды.
HTML-ді PDF-ке немесе браузер арқылы басып шығару
Кез келген қазіргі браузер Ctrl+P арқылы бетті PDF-ке басып шығара алады. Онлайн-сервис қашан керек?
- Автоматтандыру — онлайн-сервис көптеген HTML файлдарды API арқылы топтап түрлендіруге қолайлы
- Тұрақты рендер — серверде бір Chromium қозғалтқышы үнемі бірдей нәтиже береді
- Болжамды нәтиже — A4 форматы мен жиектер алдын ала орнатылған, Chrome-ның басып шығару диалогінен қажетті белгілерді іздеудің қажеті жоқ
- Минус: онлайн-сервис файлды серверге жүктеуді талап етеді
- Жылдамдық: 3–8 секунд
Қауіпсіздік және файлдарды өңдеу
- HTML файл серверде headless Chromium арқылы өңделу үшін жүктеледі
- Файл уақытша каталогта 1 сағаттан аспайды және автоматты түрде жойылады
- Қосылым TLS 1.3 арқылы қорғалған
- HTML-дегі JavaScript Chromium-ның оқшауланған құмсалғышында орындалады
Мәселелерді шешу
- Суреттер PDF-те көрсетілмеді
- HTML-де салыстырмалы жолдар (src="./photo.jpg") қолданылған. Жолдарды абсолютті URL-ге ауыстырыңыз немесе суреттерді base64 ретінде енгізіңіз.
- Қаріп браузердегідей емес, стандартты болды
- @font-face салыстырмалы URL-ге сілтеме жасайды. Қаріптерді Google Fonts арқылы абсолютті URL-мен қосыңыз.
- JavaScript мазмұны көрсетілмеді
- Headless Chromium беттің жүктелуін шамамен 2 секунд күтеді. Ауыр SPA үшін бұл жеткіліксіз болуы мүмкін.
- Бет тым кең немесе тым тар болды
- Бет әдеттегі басып шығарудағыдай A4 парағының еніне қарай рендерленеді. HTML кең экранға немесе тар мобильді көрініске арналған болса, @media print CSS стилін пайдаланыңыз — бұл ережелер рендеринг кезінде қолданылады.
Жиі қойылатын сұрақтар
- Беттегі JavaScript рендерингі қолдау көрсетіле ме?
- Түрлендіру статикалық HTML мен CSS-ті қолдайды, сонымен қатар қарапайым JavaScript-ті. Ауыр SPA толық рендерлемеуі мүмкін.
- Сыртқы ресурстар (CSS, суреттер) жүктеле ме?
- Абсолютті URL мекенжайлары арқылы қосылған сыртқы CSS файлдар мен суреттер жүктеліп, PDF-ке қосылады.
- PDF бет өлшемін баптауға бола ма?
- Жоқ, бөлек баптаулар жоқ: құрал PDF-ті әрқашан A4 форматында, кітаптық бағытта, стандартты жиектермен рендерлейді — Chrome-нан әдеттегі басып шығару сияқты. Дегенмен HTML-дегі @media print CSS ережелері рендеринг кезінде қолданылады, сондықтан бет түрін кодтың өзінде басқаруға болады.
- Веб-қаріптер қолдау көрсетіле ме?
- Иә, Google Fonts пен @font-face абсолютті URL арқылы қосылса жұмыс істейді.
- URL арқылы веб-бетті тікелей түрлендіруге бола ма?
- Қазіргі нұсқада тек жергілікті HTML файлды жүктеу. URL қажет болса, бетті жергілікті сақтап (Ctrl+S) жүктеңіз.
- PDF-тегі мәтін бөлектелуі мүмкін бе?
- Иә, мәтін нағыз мәтін ретінде қалады, оны бөліп, көшіруге және Ctrl+F арқылы іздеуге болады.
- Файлдар серверге жүктеле ме?
- Иә, HTML файл headless Chromium-да рендерлеу үшін серверге жүктеледі. Файл бір сағат ішінде автоматты түрде жойылады.
- Бұл сервис wkhtmltopdf немесе Puppeteer-ден немен ерекшеленеді?
- wkhtmltopdf — ескі WebKit негізіндегі ескірген жоба. Puppeteer — әзірлеушілерге арналған кітапхана. Біздің сервис — Chromium негізіндегі дайын шешім.