HTML ke PDF

Cara Mengonversi HTML ke PDF dalam Tiga Langkah

Langkah pertama, tempel markup Anda atau impor file .html yang tersimpan. Markup ditata dalam bingkainya sendiri, terpisah dari halaman ini, sehingga gaya halaman ini tidak bercampur dengan gaya Anda. Anda dapat seret dan letakkan file atau mengeklik untuk memilihnya dari perangkat.

Langkah kedua, periksa pratinjau untuk memastikan tampilannya tepat. Browser merendernya, lalu setiap halaman PDF final menjadi gambar PNG dari hasil render tersebut. Render berjalan pada dua kali ukuran akhir, sekitar 144 dpi. Cukup untuk layar dan printer kantor; untuk percetakan komersial pikselnya mulai terlihat.

Langkah ketiga, klik Unduh untuk menyimpan PDF langsung dari memori. Alat ini gratis dan aman: tanpa instalasi, tanpa pendaftaran, dan HTML Anda tidak pernah meninggalkan tab ini. Perlu diketahui sejak awal: teks tidak dapat dipilih, Ctrl+F tidak menemukan apa pun dalam keluaran, dan pembaca layar tidak mendapatkan apa-apa.

Kapan Gambar Menjadi Jawaban yang Tepat

Rasterisasi adalah ide buruk untuk kontrak yang perlu ditelusuri seseorang. Ini bekerja baik ketika tampilan halaman adalah intinya.

Menempel Markup Tidak Sama dengan Membuka File

Tombol Impor .html hanya membaca teks dari file itu saja, tidak lebih. Stylesheet di sebelahnya, logo di ./images, font web di ./fonts: tidak satu pun ikut, karena browser tidak akan menyerahkan sisa disk Anda kepada halaman web.

Jalur relatif gagal secara diam-diam. Markup Anda dirender di sini, bukan di folder tempat file disimpan, sehingga src="logo.png" dibaca relatif terhadap oxygenpdf.com lalu tidak menemukan apa-apa. URL https:// absolut dimuat asalkan server mengembalikan header CORS.

Skrip tidak pernah berjalan. Markup yang ditambahkan dengan cara ini tidak menjalankan tag skripnya, sehingga aplikasi satu halaman yang disimpan dari browser tampil nyaris kosong. Yang Anda simpan adalah cangkangnya, bukan hasil rendernya. Salin DOM hidup dari pemeriksa elemen lalu tempel itu sebagai gantinya. Yang terbawa dengan andal hanyalah yang mandiri: blok gaya di dalam file, atribut gaya inline, dan gambar yang ditulis sebagai data URI.

Perbandingan

Tiga cara memasukkan HTML ke PDF, lengkap dengan kekurangannya masing-masing.

Hal yang Bertahan, dan Tempat Halaman Terpotong

Warna, gradien, bingkai, sudut membulat, bayangan kotak, opasitas, transformasi CSS, bayangan teks, tabel, daftar, dan SVG inline semuanya terbawa. Perender menggambar ulang setiap kotak sendiri alih-alih meminta tangkapan layar dari sistem operasi, sehingga segelintir efek baru yang tidak punya padanan langsung dibuang tanpa peringatan: filter dan blur()-nya, mix-blend-mode, backdrop-filter, clip-path, dan masker.

Markup Anda ditata dalam viewport selebar sekitar 515 piksel, yaitu lebar konten A4 yang diukur dalam piksel CSS. Jadi halaman responsif dirender pada breakpoint sempitnya, dan aturan @media (min-width: 768px) tidak pernah menyala. Jika tata letak Anda hanya terlihat benar di atas 768 piksel, di sini tidak akan terlihat benar.

Gambar final yang memanjang dipotong menjadi potongan-potongan setinggi halaman pada interval tetap. Pemotongannya mekanis dan tidak memperhatikan isi di bawahnya, sehingga baris tabel atau judul dapat mendarat separuh di satu halaman dan separuh di halaman berikutnya. Aturan page-break-inside CSS tidak membantu; dorong elemen yang janggal melewati batas dengan margin ekstra atau pengatur kosong. Sekitar 762 poin konten muat di setiap halaman.

HTML Anda Tak Pernah Meninggalkan Tab Ini

Setiap konverter sisi server membutuhkan markup Anda di mesinnya. Entah Anda menempelkannya ke formulir lalu mengunggahnya, atau Anda memberikan URL lalu perayapnya mengambil halaman — untuk konten di balik login, cara kedua berarti menyerahkan kredensial juga. Keduanya bukan pertukaran yang nyaman untuk layar penuh nama pelanggan, atau untuk build staging yang belum dirilis.

Seluruh render berlangsung di tab yang sudah terbuka: perender menggambar markup Anda, pustaka PDF merakit halaman, dan unduhan keluar langsung dari memori. Tidak ada di jaringan yang membawa HTML Anda ke mana pun. Tutup tab dan semuanya hilang.