Konverter HTML ke gambar
Tempel cuplikan HTML. Skrip, formulir, bingkai, dan pengendali peristiwa dihapus sebelum dirender.
HTML dan gambar yang dibuat tetap berada di browser ini. Gambar, font, atau stylesheet jarak jauh diambil dari alamat sumbernya. Gunakan data tersemat jika Anda memerlukan proses yang sepenuhnya luring.
Ubah cuplikan HTML dan CSS menjadi PNG atau JPG berukuran tetap tanpa mengunggah kode sumber maupun gambar ke Hyperion. Pilih 64 sampai 1.920 px per sisi serta skala 1x sampai 3x, lalu lihat pratinjau dan unduh hasilnya di browser.
Cara merender HTML sebagai gambar
-
1
Tempel kode
Masukkan cuplikan atau dokumen HTML. CSS sebaris dan aturan `<style>` didukung; skrip, formulir, bingkai, dan pengendali peristiwa dihapus.
-
2
Atur kanvas
Pilih PNG atau JPG, masukkan lebar dan tinggi, lalu tentukan skala dari 1x sampai 3x.
-
3
Render pratinjau
Browser menyusun kode yang telah dibersihkan di dalam bingkai terisolasi dengan ukuran tetap.
-
4
Unduh secara lokal
Simpan PNG atau JPG secara langsung. Berkas yang dibuat tidak diunggah ke Hyperion.
Yang didukung perender browser
Konverter memakai mesin tata letak browser. HTML biasa, CSS sebaris, aturan <style>, Flexbox, Grid, gradien, bayangan, SVG tersemat, dan font yang terpasang dapat muncul dalam hasil. Keluaran berupa gambar raster diam, bukan salinan halaman yang interaktif.
Aturan kanvas dan keluaran
| Pengaturan | Rentang yang didukung | Perilaku |
|---|---|---|
| Lebar | 64 sampai 1.920 px | Lebar CSS tepat dari bingkai |
| Tinggi | 64 sampai 1.920 px | Tinggi CSS tepat; isi berlebih dipotong |
| Skala | 1x sampai 3x | Menambah resolusi tanpa mengubah tata letak |
| PNG | Raster berukuran tetap | Mempertahankan area transparan |
| JPG | Raster berukuran tetap | Memakai kualitas 92% dan latar putih |
Keluaran dibatasi hingga 16 megapiksel untuk melindungi memori browser. Jika dimensi dan skala melampaui batas itu, alat menurunkan skala ke langkah 0,5x tertinggi yang aman. Sumber HTML dibatasi hingga 100.000 karakter.
Privasi dan sumber daya jarak jauh
HTML dan gambar data yang dibuat tetap berada di browser saat ini. Dalam mode bertahap, penyimpanan sesi tab ini menahan pengaturan sampai langkah berikutnya, sedangkan mulai ulang akan menghapusnya. Alat tidak mengirim kode atau gambar ke Hyperion.
URL eksternal merupakan pengecualian. Gambar, font web, dan stylesheet jarak jauh diminta dari server sumber, yang dapat melihat permintaan tersebut. CORS atau kontrol akses juga dapat menggagalkan pemuatan. Sematkan gambar dan font sebagai URL data serta gunakan CSS sebaris jika proses harus sepenuhnya luring.
Batas keamanan dan kesesuaian
Skrip, formulir, bingkai bertingkat, objek tersemat, dan atribut peristiwa dihapus sebelum pengambilan. Pratinjau menjadi noninteraktif, tetapi proses ini bukan pengganti pembersih HTML untuk konten yang akan diterbitkan di tempat lain. Widget JavaScript tidak berjalan, keadaan video dan canvas tidak dijamin, animasi menjadi satu bingkai, dan CSS khusus browser dapat berbeda pada mesin lain.
Pertanyaan yang Sering Diajukan
Ya. Perender mengambil aturan <style> dan tautan stylesheet yang didukung dari head, lalu menangkap isi body. Skrip, metadata, formulir, bingkai, dan pengendali aktif dihapus, sehingga hasilnya bukan halaman yang dapat dinavigasi.
Server sumber mungkin memblokir penggunaan lintas domain, meminta autentikasi, atau merespons terlalu lambat. Pakai URL yang dapat diakses dan mengizinkan CORS, atau sematkan sumber daya sebagai URL data.
PNG mempertahankan piksel transparan. JPG memakai latar putih dan kualitas tetap 92%, yang biasanya lebih kecil untuk foto. Alat ini tidak mengekspor WebP dan tidak menyediakan kontrol kualitas terpisah.
Konverter membatasi keluaran hingga 16 megapiksel. Untuk kanvas besar, alat otomatis memilih langkah 0,5x tertinggi yang aman agar memori browser tidak habis.
Alat Terkait
Referensi Tabel ASCII
Tabel ASCII lengkap dari 0 sampai 127 dengan desimal, heksadesimal, oktal, biner, dan referensi karakter numerik HTML untuk setiap karakter, termasuk kode kontrol seperti NUL, LF, dan DEL.
Penghitung FPS
Ukur FPS browser dengan requestAnimationFrame: penghalusan, frame rate minimum dan maksimum, ambang peringatan, dan grafik opsional. Berjalan lokal, tanpa unggahan dan tanpa API.
Pemilih Warna HEX
Pilih atau masukkan warna HEX untuk mendapatkan RGB, HSL, perkiraan CMYK, luminans relatif, serta kontras terhadap putih dan hitam.
Generator Warna Acak
Buat 1 hingga 50 warna HEX acak dengan contoh warna yang bisa dipratinjau, disalin, dan dipakai di CSS, pengujian, atau eksplorasi palet.
Penyederhana Aljabar Boolean
Sederhanakan ekspresi Boolean memakai Karnaugh map dan algoritma Quine-McCluskey. Menampilkan setiap langkah minimisation dan bentuk SOP/POS akhir.
Pemformat JSON
Tempel JSON untuk dirapikan dengan indentasi 2 atau 4 spasi, dipadatkan menjadi output ringkas, atau diperiksa sintaksnya sebelum hasilnya disalin.