HTML ke Gambar

Render kode HTML mentah atau URL halaman web aktif mana pun menjadi PNG, JPG, atau PDF. Pilih lebar viewport, tangkap halaman penuh, dan unduh secara instan.

Ingin membuat SVG? Coba alat HTML ke SVG.

Ubah Halaman Web Menjadi Gambar

Ambil screenshot presisi piksel dari situs web mana pun atau pratinjau potongan HTML sebagai gambar yang bisa dibagikan. Cocok untuk dokumentasi, kartu media sosial, mockup desain, pengarsipan, dan laporan bug.

Kapan Sebaiknya Mengubah Halaman Web Menjadi Gambar

Screenshot menyimpan tampilan halaman persis seperti saat itu, yang bermanfaat jauh melampaui sekadar berbagi cepat. Tim support melampirkan tangkapan halaman penuh pada laporan bug agar developer bisa melihat tata letak yang rusak sesuai konteksnya. Penulis menyematkan potongan hasil render ke dalam dokumentasi dan tutorial tanpa perlu membangun ulang halaman secara manual. Tim pemasaran mengarsipkan landing page untuk tinjauan desain serta perbandingan sebelum-sesudah, dan peneliti menyimpan artikel yang mungkin berubah atau hilang. Karena Anda mengontrol lebar viewport, URL yang sama bisa ditangkap sebagai tata letak desktop, tablet, atau mobile hanya dengan mengubah satu angka.

PNG, JPG, atau PDF - Mana yang Sebaiknya Dipilih?

Pilih PNG jika halaman berisi teks tajam, elemen UI, atau warna datar - formatnya lossless sehingga tepian tetap tajam. Pilih JPG untuk halaman yang penuh foto, di mana ukuran file yang kecil lebih penting daripada teks presisi piksel. Pilih PDF jika Anda ingin catatan artikel panjang yang bisa dicetak dan digulir. Apa pun yang Anda pilih, halaman dirender di server kami menggunakan mesin browser headless sungguhan, sehingga CSS, web font, dan tata letak ditangkap persis seperti yang dilihat pengunjung.

Pertanyaan yang Sering Diajukan

Semua yang perlu Anda ketahui tentang mengonversi HTML menjadi gambar.

Anda dapat menangkap halaman web publik mana pun yang dapat diakses. Halaman yang memerlukan login, atau alamat privat/internal, tidak dapat dirender demi alasan keamanan.

Ekspor screenshot dalam PNG atau JPG, atau PDF halaman yang siap cetak. Atur lebar viewport untuk mengontrol bagaimana tata letak dirender.

Ya. Beralih ke tab “Dari Kode HTML” dan tempelkan HTML apa pun — termasuk inline CSS — untuk merendernya persis seperti yang ditampilkan browser.

Pengaturan lebar mengontrol ukuran jendela browser yang digunakan untuk rendering. Gunakan 1280px untuk tata letak desktop biasa, 1920px untuk full HD, atau lebar sempit seperti 390px untuk menangkap versi mobile halaman.

Dengan opsi halaman penuh diaktifkan, seluruh panjang halaman ditangkap dalam satu gambar memanjang, bukan hanya bagian yang terlihat di layar. Nonaktifkan untuk hanya menangkap area viewport awal.

Alat ini merender halaman atau markup Anda menggunakan mesin browser sungguhan dan menghasilkan gambar piksel atau PDF. Sementara alat HTML ke SVG membungkus markup Anda dalam file vektor yang dapat diskalakan langsung di browser, tanpa merasterisasinya.