Penukar HTML ke PNG

Q: Bolehkah PNG mempunyai latar belakang lutsinar dan bukannya putih?

Ya. Hidupkan **Latar belakang lutsinar**. Ia hanya kelihatan lutsinar di tempat halaman itu sendiri tidak menetapkan warna latar belakang, jadi tapak dengan warna badan putih tetap akan menjadi putih. Ia paling sesuai untuk satu komponen atau lencana yang dibina sebagai fail HTML tersendiri.

Q: Bagaimanakah cara membuat gambar bahagian atas sahaja bagi halaman yang panjang?

Tukar **Imej** kepada satu setiap halaman dan tetapkan **Halaman** kepada Halaman pertama. Anda mendapat bahagian pertama sebesar satu halaman, bukan keseluruhan panjang. Untuk memotongnya kepada bingkai tepat selepas itu, gunakan alat [potong gambar](/crop-image).

Tukar halaman web yang disimpan, eksport papan pemuka atau mockup komponen kepada PNG yang setiap huruf dan garis halusnya kekal tepat seperti yang dilukis oleh pelayar. Pilih lebar tetingkap dan susun atur akan mengikutnya.

atau seret Fail DOC, DOCX, DOCM … ke sini ·

Maks 95 MB setiap fail· Sehingga 20 fail· Dipadam selepas 30 minit

Output

Tukar ke

Resolusi

Imej

Fail diproses pada pelayan kami dan dipadam selepas 30 minit.

Cara menggunakan alat ini

1
Tambah fail HTML
Muat naik fail .html, .htm atau .mhtml, sehingga 20 fail setiap kelompok dan 95 MB setiap satu. Halaman yang disimpan sebagai satu fail MHTML membawa imej dan gayanya di dalamnya.
2
Tetapkan lebar tetingkap
Lebar halaman HTML bermula pada 1280 px. Gunakan 390 px untuk reka letak telefon atau 1920 px untuk papan pemuka yang lebar. Tukar ke sudah ditetapkan kepada PNG dan Imej ialah satu imej panjang.
3
Tukar ke PNG
Tekan Tukar ke PNG. Hidupkan Latar belakang lutsinar di bawah Tetapan lanjutan jika halaman tidak mempunyai warna latar belakang sendiri dan imej itu akan diletakkan di atas karya seni lain.

Jawapan

Bagaimanakah cara menukar HTML ke PNG?

Muat naik fail .html atau .mhtml, tetapkan Lebar halaman HTML kepada skrin yang ingin ditiru, dan tekan Tukar ke PNG. Seluruh halaman yang dipaparkan dikembalikan sebagai satu imej tanpa kehilangan.

Tukar HTML ke PNG apabila teks dan garis mesti kekal tajam

PNG ialah Syor W3C sejak 1996 dan menggunakan mampatan tanpa kehilangan, jadi tepi anti-alias teks badan 14 px, sempadan jadual satu piksel dan kod berwarna sintaks kekal utuh. Itulah sebabnya pembangun melampirkan tangkapan PNG pada laporan pepijat dan pereka berkongsinya dalam semakan: tiada sesiapa perlu tertanya-tanya sama ada tepi kabur itu masalah CSS atau artifak mampatan.

Harganya ialah saiz. Halaman yang terdiri daripada teks dan warna rata termampat dengan baik; halaman penuh foto tidak. Jika tangkapan itu akan dihantar dalam sembang atau e-mel yang mementingkan saiz berbanding perincian tajam, JPG ialah fail yang lebih kecil. Untuk dokumentasi, nota keluaran, papan pemuka dan panduan gaya, PNG ialah pilihan lalai yang lebih selamat.

Lebar menentukan reka letak. HTML tidak mempunyai halaman tetap: fail yang sama menunjukkan reka bentuk desktop tiga lajur pada 1280 px dan satu lajur bertindan pada 390 px. Penukar ini menyusun halaman pada Lebar halaman HTML yang anda masukkan, dari 320 hingga 3840 px, kemudian menangkapnya dari baris pertama hingga pengaki.

Lebar penukar HTML ke PNG untuk skrin biasa

195:422

390 × 844 px

Telefon

Viewport CSS bagi banyak iPhone terkini; menunjukkan reka letak mudah alih

41:59

820 × 1180 px

Tablet

iPad Air dalam mod potret; banyak tapak menukar titik henti berhampiran lebar ini

8:5

1280 × 800 px

Komputer riba

Lebar lalai dalam penukar ini

16:9

1920 × 1080 px

Monitor Full HD

Papan pemuka dan panel pentadbir yang lebar

HTML

HyperText Markup Language

HTML ialah bahasa penanda web, mula diterangkan oleh Tim Berners-Lee pada awal 1990-an dan kini diselenggara oleh WHATWG sebagai piawaian hidup. Fail HTML menerangkan tajuk, perenggan, pautan, jadual, imej dan borang, manakala penggayaan biasanya datang daripada CSS. Setiap pelayar memaparkannya, dan ia turut digunakan untuk templat e-mel dan halaman web yang disimpan. Satu fail HTML sering bergantung pada imej dan helaian gaya luaran, jadi ia mungkin kelihatan rosak apabila dipindahkan sendirian.

Pemampatan: –
Ketelusan: –
Animasi: –
Diperkenalkan: 1993 · Tim Berners-Lee; maintained by WHATWG

Penukar HTML

PNG

Portable Network Graphics

PNG ialah format raster lossless yang diterbitkan pada 1996 oleh PNG Development Group dan kemudian dipiawaikan oleh W3C dan ISO. Ia mengekalkan setiap piksel dengan tepat, menyokong lutsinar alfa penuh dan mengendalikan teks, tepi tajam dan warna rata tanpa artifak. Ketepatan itu menjadikannya sesuai untuk tangkapan skrin, logo, ikon dan grafik antara muka. Kekurangannya ialah saiz: foto yang disimpan sebagai PNG selalunya beberapa kali ganda lebih besar daripada foto sama sebagai JPEG atau WebP. Semua pelayar, sistem pengendalian dan penyunting boleh membuka fail PNG.

Pemampatan: Lossless (tanpa kehilangan)
Ketelusan: Ya
Animasi: Tidak
Diperkenalkan: 1996 · PNG Development Group

Penukar PNG

Orang memilih PNG apabila halaman kebanyakannya teks, kod, jadual atau bahagian antara muka: piksel tanpa kehilangan mengekalkan garisan nipis dan teks kecil kekal tajam dalam dokumentasi, laporan pepijat dan semakan reka bentuk yang akan menampakkan artifak JPG.

Tukar HTML ke PNG tanpa kehilangan gaya atau fon

Fail .html biasa selalunya bergantung pada sesuatu yang disimpan di tempat lain: helaian gaya dalam folder css, imej pada pelayan asal, fon daripada perkhidmatan fon. Apabila semua itu tiada, halaman kembali kepada teks tanpa gaya dalam jenis huruf lalai. Menyimpan halaman dalam Chrome atau Edge sebagai Webpage, Single File menghasilkan fail .mhtml yang menyimpan gaya dan imej bersama, iaitu perkara paling dipercayai untuk dimuat naik.

Fon web mengikut peraturan yang sama. Fon yang diisytiharkan dengan @font-face hanya dimuatkan jika failnya boleh dicapai; fon yang hanya wujud pada komputer anda sendiri akan digantikan dengan yang serupa. Jika tipografi tepat penting, benamkan fon itu atau semak hasilnya sebelum dihantar.

Lebar tetap juga menjadikan tangkapan mingguan sesuatu laporan boleh dibandingkan secara bersebelahan. Apabila hasilnya perlu kekal sebagai teks yang boleh dipilih untuk dicetak, HTML ke PDF ialah format yang patut digunakan.

Soalan lazim HTML ke PNG

Adakah HTML ke PNG lebih baik daripada tangkapan skrin dari pelayar saya sendiri?

Tangkapan skrin pelayar hanya merakam apa yang muat pada skrin anda melainkan anda menggunakan alat tangkapan halaman penuh, dan lebarnya mengikut tetingkap anda ketika itu. Di sini lebar ialah nombor yang anda tetapkan, jadi dua tangkapan yang dibuat berminggu-minggu berbeza sejajar dengan tepat, dan keseluruhan halaman disertakan dari baris pertama hingga pengaki.

Mengapakah saiz fail PNG beberapa kali lebih besar daripada halaman yang sama dalam JPG?

PNG menyimpan setiap piksel tanpa kehilangan. Teks dan warna rata termampat dengan baik, tetapi foto, kecerunan dan poster video tidak, jadi halaman pendaratan yang banyak foto boleh menghasilkan PNG yang besar. Untuk halaman sedemikian, HTML ke JPG ialah pilihan yang lebih ringan; untuk contoh kod, carta dan UI, kekaburannya biasanya tidak berbaloi.

Bolehkah PNG mempunyai latar belakang lutsinar dan bukannya putih?

Ya. Hidupkan Latar belakang lutsinar. Ia hanya kelihatan lutsinar di tempat halaman itu sendiri tidak menetapkan warna latar belakang, jadi tapak dengan warna badan putih tetap akan menjadi putih. Ia paling sesuai untuk satu komponen atau lencana yang dibina sebagai fail HTML tersendiri.

Adakah penukar ini menjalankan JavaScript pada halaman?

Kandungan yang dibina oleh skrip semasa halaman dibuka boleh muncul, tetapi apa-apa yang menunggu klik, tatal atau log masuk tidak akan muncul. Jika carta atau jadual hanya wujud selepas interaksi, buka halaman dalam pelayar anda, biarkan ia siap dimuatkan, dan simpan sebagai satu fail sebelum memuat naik.

Bagaimanakah cara membuat gambar bahagian atas sahaja bagi halaman yang panjang?

Tukar Imej kepada satu setiap halaman dan tetapkan Halaman kepada Halaman pertama. Anda mendapat bahagian pertama sebesar satu halaman, bukan keseluruhan panjang. Untuk memotongnya kepada bingkai tepat selepas itu, gunakan alat potong gambar.