Apa itu HTML ke PDF?

Mengubah markup HTML menjadi PDF yang dapat diunduh. Mendukung gaya CSS, gambar, tabel, dan ukuran halaman kustom. Berguna untuk faktur, laporan, atau menyimpan konten web terformat secara offline.

Pilih kertas A4, A3, Letter, atau Legal, ubah orientasi potret/lanskap, dan atur margin dari 0 sampai 20 mm. Bila perlu, kunci berkas dengan kata sandi atau bubuhkan nomor halaman di footer. CSS inline, gambar base64, dan tabel semuanya muncul di hasil. Konversi memakai html2pdf.js di atas html2canvas, jadi halaman dengan web font atau efek CSS rumit bisa terlihat sedikit berbeda dengan preview langsung.

Cara menggunakan

1. Langkah 1 — Tempel atau ketik konten HTML Anda di editor. Pratinjau langsung menunjukkan persis bagaimana tampilan PDF.
2. Langkah 2 — Konfigurasikan pengaturan halaman: pilih ukuran kertas (A4, A3, Letter, Legal), orientasi (potret/lanskap), dan margin. Jika perlu, atur kata sandi atau tambahkan nomor halaman.
3. Langkah 3 — Klik 'Buat PDF' untuk membuat dokumen, lalu unduh langsung ke perangkat Anda.

Kapan menggunakan

• Membuat PDF dari template HTML invoice atau kuitansi sebelum dikirim ke klien.
• Menyimpan laporan dengan grafik dan tabel sebagai arsip portabel.
• Membuat handout siap cetak dari konten web untuk workshop atau kelas.

Hasil

Seorang freelancer menempelkan HTML faktur mereka dengan logo perusahaan, tabel terperinci, dan total. Mereka mengatur A4 potrait dengan margin 20mm dan mengunduh PDF profesional untuk dikirim melalui email ke klien.

FAQ

Kenapa PDF terlihat berbeda dengan preview langsung?

PDF dirasterisasi lewat html2canvas: halaman dilukis dulu menjadi gambar lalu dibungkus PDF. Web font yang belum selesai dimuat, elemen position: fixed, dan filter CSS bisa membuat hasilnya sedikit berbeda dari preview.

Bisakah memasukkan gambar yang di-hosting di domain lain?

Hanya jika server tersebut mengirim header CORS yang mengizinkan. Kalau tidak, html2canvas tak bisa membaca pikselnya sehingga gambar muncul kosong di PDF. Alternatifnya: unduh gambar lalu sisipkan sebagai base64, atau hosting di origin yang sama.

Bagaimana mengatur page break?

Tambahkan aturan CSS page-break-before: always (atau page-break-after) pada elemen yang ingin memulai halaman baru. Untuk tabel, page-break-inside: avoid pada baris menjaga baris itu utuh dan tidak terbelah antar halaman.

Apakah teks di PDF bisa diseleksi?

Biasanya tidak. Karena renderer meratakan halaman lewat canvas, teks berubah jadi bitmap. Beberapa solusi menumpuk lapisan teks transparan agar bisa diseleksi, tetapi alat ini menghasilkan PDF terrasterisasi — terbaca jelas, tapi tak selalu bisa disalin.

Apakah ada batas ukuran HTML yang bisa ditempel?

Praktisnya beberapa ratus KB markup atau 10-15 halaman. Halaman yang sangat panjang berisiko kehabisan memori karena seluruh DOM dirender ke satu canvas besar sebelum dipotong menjadi halaman.

Alat terkait