HTML ke PDF
Konversi file HTML (.html, .htm) — halaman web yang disimpan, template email, preview desain, ekspor dashboard — menjadi dokumen PDF. Pilih apakah akan menyertakan background. File diproses di browser kamu.
HTML ke PDF mengonversi file .html dan .htm menjadi dokumen PDF. Kami men-sanitasi HTML (menghapus tag <script> dan event handler inline), merendernya di container tersembunyi, menangkap hasilnya dengan html2canvas pada 2× DPI, dan menanamkan halaman ke PDF menggunakan pdf-lib. Toggle Sertakan background mencerminkan konvensi dialog cetak browser kamu — off secara default untuk output yang lebih bersih dan paper-friendly.
Apa itu HTML ke PDF?
HTML — HyperText Markup Language — adalah fondasi setiap halaman web. Browser merender HTML dengan menggabungkan markup dengan CSS untuk styling dan (biasanya) JavaScript untuk interaktivitas. Saat kamu menyimpan halaman web dari browser, kamu mendapatkan file .html yang menangkap markup; saat kamu menerima template email HTML dari desainer, itu juga file .html. File HTML juga dihasilkan oleh ekspor email Mailchimp / SendGrid, oleh dashboard aplikasi web (Tableau, Looker), oleh generator situs statis, dan oleh siapa pun yang menulis template email atau landing page marketing.
Mengonversi HTML ke PDF umum dilakukan saat kamu perlu membagikan output yang dirender — proof email, snapshot dashboard, artikel yang disimpan, mockup landing page — ke seseorang yang tidak akan membukanya di browser. PDF adalah format cetak/berbagi universal. Sebagian besar alat HTML-ke-PDF online mengunggah file kamu ke server jarak jauh, yang janggal saat HTML berisi alamat email, link internal, atau desain yang belum dirilis. Alat ini merender sepenuhnya di browser kamu; HTML tidak pernah melintasi jaringan.
Bagaimana cara kerja konversi HTML di browser?
Pikowl membaca setiap file HTML via API Blob.text(), mem-parse markup dengan DOMParser, men-sanitasi-nya (menghapus elemen <script> dan event handler on* inline — JavaScript tidak pernah dieksekusi), dan merendernya di dalam container bergaya tersembunyi. html2canvas menangkap DOM yang dirender sebagai gambar 2× DPI, dipotong menjadi chunk seukuran halaman dan ditanamkan ke PDF menggunakan pdf-lib. CSS inline — tag <style> dan atribut style="..." — dipertahankan. Resource eksternal (gambar yang di-host CDN, web font) hanya dimuat jika same-origin atau menggunakan header CORS-enabled.
Apakah aman mengonversi file HTML yang tidak terpercaya di sini?
Ya. Kami menghapus tag <script> dan event handler inline (onclick, onload, dll.) sebelum rendering, jadi JavaScript di dalam HTML tidak pernah dieksekusi — bahkan jika kamu menyeret file berbahaya. URL javascript: di atribut href juga dihapus. CSS standar, termasuk stylesheet eksternal dan web font, dipertahankan (mereka dimuat dari origin asli mereka, tetapi tidak ada JS inline yang berjalan). HTML dibaca secara lokal via File API, diproses di browser kamu, dan PDF hanya hidup di memori sampai diunduh. Menutup tab membuang semuanya.
Bagaimana dengan "Sertakan background"?
Secara default, warna dan gambar background halaman tidak dirender ke PDF — output menggunakan background putih bersih. Ini mencerminkan konvensi di dialog cetak browser (toggle "Background graphics" Chrome, "Print backgrounds" Firefox) di mana default-nya off karena background menghabiskan tinta printer dan mengaburkan teks pada theme gelap. Aktifkan Sertakan background jika desain HTML kamu menggunakan background secara sengaja — template email, landing page marketing, dashboard dengan card bertema. Toggle hanya mengontrol background tingkat halaman; background-color dan background-image tingkat elemen pada div individual selalu dirender.
Apa batasannya dan mengapa?
Hingga 30 file HTML per konversi, 10 MB per file, dengan peringatan lunak pada 100 MB gabungan dan batas keras pada 150 MB. Jumlah file lebih rendah daripada untuk TXT atau Markdown (50) karena rendering HTML adalah tahap terberat dalam batch ini — html2canvas dapat memakan beberapa detik per dokumen panjang, dan rasterisasi menghasilkan canvas in-memory besar. Untuk file tunggal yang sangat panjang (lebih dari ~50 halaman PDF), harapkan tunggu yang terlihat.
Bagaimana Pikowl dibandingkan dengan Smallpdf dan iLovePDF untuk HTML?
Perbedaan substantif adalah lokasi pemrosesan, penanganan JavaScript, batas penggunaan harian, dan harga. Angka di bawah mencerminkan penawaran tier gratis publik dari setiap layanan per April 2026.
| Fitur | Pikowl | Smallpdf | iLovePDF |
|---|---|---|---|
| Lokasi pemrosesan file | Browser kamu | Server jarak jauh | Server jarak jauh |
| Perlu daftar | Tidak | Opsional | Opsional |
| Opsi output | Toggle background · 3 ukuran halaman · nomor halaman | URL saja (tanpa file .html) | URL atau .html, dirender server |
| Ukuran maks (gratis) | 10 MB | 5 MB | 200 MB (gabungan) |
| Harga | Gratis | $9/bln untuk tanpa batas | $7/bln untuk premium |
Sumber: smallpdf.com/pricing dan ilovepdf.com/pricing, diakses April 2026.
Penggunaan Umum
- Halaman web yang disimpan: Konversi file .html artikel atau riset yang disimpan browser menjadi PDF arsip yang dipaginasi untuk membaca offline.
- Proof template email: Desainer dan marketer dapat mengekspor template email HTML sebagai proof PDF untuk peninjauan klien tanpa meneruskan email aktual.
- Ekspor dashboard: Alat BI (Tableau, Looker, Metabase) sering menawarkan ekspor dashboard HTML — konversi itu ke PDF untuk dimasukkan ke board deck.
- Mockup landing page: Konversi landing page situs statis menjadi PDF untuk peninjauan stakeholder atau ronde umpan balik.
- Tanda terima dan konfirmasi formulir: Konfirmasi pesanan dan tanda terima HTML yang disimpan dari formulir web menjadi PDF siap-lampirkan untuk akuntansi.
- Snapshot dokumentasi online: Simpan halaman dokumentasi (Stripe API docs, referensi konsol AWS) sebagai PDF untuk referensi offline.
FAQ
Apakah JavaScript di HTML akan berjalan selama konversi?
Tidak. Kami menghapus tag <script> dan event handler inline (onclick, onload, dll.) sebelum rendering, jadi JavaScript apa pun di file dihapus. URL <a href="javascript:..."> juga dihapus. Ini berarti konten dinamis yang bergantung pada JS (misalnya chart yang dirender via Chart.js, gambar yang lazy-loaded) tidak akan muncul di PDF. Untuk konten yang dirender JS, render halaman di browser kamu terlebih dahulu dan gunakan alat screenshot, atau gunakan opsi ekspor statis halaman jika tersedia.
Apakah gambar dan font eksternal akan dimuat?
Hanya jika resource same-origin atau dilayani dengan header CORS-enabled. Sebagian besar web font yang di-host CDN (Google Fonts, Adobe Fonts) dan gambar mengatur CORS, jadi mereka biasanya dimuat dengan benar. Resource same-domain berfungsi baik. Resource cross-origin tanpa header CORS akan gagal dimuat dan muncul kosong di PDF. Untuk menjamin semuanya dimuat, tanamkan gambar sebagai data URI (data:image/png;base64,...) sebelum mengonversi.
Apakah saya harus mengaktifkan "Sertakan background"?
Default off, sesuai dengan dialog cetak browser. Aktifkan saat desain HTML menggunakan background tingkat halaman secara sengaja — template email bertema, landing page marketing, dashboard mode-gelap. Biarkan off untuk konten di mana background hanya akan menghabiskan tinta printer (artikel, dokumentasi, listing kode).
Apakah teks di PDF yang dihasilkan dapat dipilih?
Tidak — pipeline html2canvas me-rasterisasi HTML yang dirender, jadi halaman PDF yang dihasilkan adalah gambar. Teks tidak dapat dipilih, dicari, atau diakses oleh screen reader. Ini adalah trade-off untuk fidelitas styling penuh. Untuk teks yang dapat dipilih dari dokumen, gunakan TXT ke PDF (input plain text) atau simpan konten teks HTML secara terpisah dan konversi itu.
Bagaimana cara kerja output multi-halaman?
Konten HTML panjang dirender sebagai satu canvas tinggi tunggal, lalu dipotong menjadi chunk seukuran halaman. Setiap chunk menjadi satu halaman PDF. Pemotongan terjadi pada batas piksel canvas, yang berarti konten dapat terpotong di tengah paragraf atau di tengah gambar pada page break. Aturan CSS @page dan page-break-inside: avoid tidak dihormati — itu fitur browser-print-engine yang memerlukan library rendering berbeda untuk didukung.
Apakah file HTML diunggah ke server?
Tidak. Konversi berjalan sepenuhnya di browser kamu — buka tab jaringan DevTools dan kamu akan melihat chunk html2canvas diunduh sekali pada penggunaan pertama, plus resource eksternal apa pun (gambar, font) yang dirujuk HTML itu sendiri. Konten file HTML tidak pernah dikirim ke server Pikowl.
Kenapa batas jumlah file lebih rendah dari TXT atau Markdown?
Rendering HTML adalah tahap terberat. html2canvas berjalan melalui seluruh DOM, menghitung style untuk setiap elemen, mengunduh resource eksternal, dan me-rasterisasi semuanya ke satu canvas. Untuk halaman kompleks ini memakan beberapa detik per file dan mengonsumsi memori signifikan selama proses. Batas 30-file (vs. 50 untuk TXT/MD) menjaga konversi batch tetap terkelola di perangkat seluler.
Dalam Angka
- HTML5 menjadi W3C Recommendation pada Oktober 2014, menandai era modern format ini; HTML Living Standard dari WHATWG kini menjadi versi otoritatif, terus berkembang.
- html2canvas (library rendering yang dipakai alat ini) diunduh lebih dari 5 juta kali per minggu dari npm, menjadikannya pilihan de facto untuk konversi DOM-ke-gambar di browser di seluruh ekosistem web.
- Dialog cetak browser default "Background graphics" ke off karena background halaman menghabiskan tinta printer dan mengaburkan teks — HTML ke PDF Pikowl mencerminkan konvensi ini, dengan toggle tersedia saat kamu butuh fidelitas desain penuh.