HTML Prettify & Minify - Format HTML Online Gratis

Percantik HTML yang berantakan dengan lekukan yang tepat, atau perkecil menjadi satu baris. Jatuhkan file .html atau tempel, lalu salin atau unduh markup yang dibersihkan.

Masukkan HTML

atau menjatuhkan file .html

Keluaran yang Diformat

Tentang HTML Prettify
Didukung oleh js-beautify, berjalan seluruhnya di browser Anda. Mode prettify memformat ulang tag ke baris mereka sendiri dengan lekukan yang konsisten; Mode Perkecil menghapus komentar dan menciutkan spasi kosong untuk muatan terkecil.
Terus Menyempurnakan Gambar Anda
Tingkatkan pengeditan foto Anda ke tingkat berikutnya dengan alat populer ini
📝
Tambahkan Teks ke Gambar
Menambahkan keterangan dan judul ke foto yang disempurnakan
🖼️
Tambahkan Batas Foto
Bingkai efek Anda dengan batas yang indah
🗜️
Kompres Gambar
Mengoptimalkan gambar yang disempurnakan untuk dibagikan
📐
Ubah ukuran gambar
Mengubah dimensi gambar
Jelajahi Semua Alat Foto
Frequently Asked Questions
Tempelkan HTML apa pun — bahkan output yang diperkecil satu baris dari alur build — dan alat ini memformat ulang dengan lekukan yang tepat, satu tag per baris, dan spasi kosong yang konsisten. Pilih indentasi 2, 4, atau 8 spasi. Output siap untuk dimasukkan ke editor Anda atau ditempelkan ke komentar tinjauan kode.
usage
Prettify memperluas HTML untuk keterbacaan: setiap tag pada barisnya sendiri, turunan bersarang diindentasi, baris kosong dipertahankan di antara bagian. Mengecilkan menghapus komentar, menciutkan spasi kosong, dan menghapus jeda baris sehingga file dikirimkan dalam byte yang lebih sedikit. Gunakan prettify untuk pengeditan dan tinjauan, perkecil untuk penyebaran produksi.
features
Tidak — js-beautify (mesin di bawah tenda) mendeteksi blok skrip dan gaya dan memformat kontennya dengan aturan JS atau CSS yang sesuai, sehingga skrip sebaris tetap valid dan stylesheet tetap dapat dibaca. Tag penutupan sendiri, elemen void, dan atribut namespace (svg:xmlns, xlink:href) semuanya ditangani dengan benar.
technical
Ini menangani HTML biasa dan templat seperti HTML dengan baik, tetapi JSX murni (ekspresi kurung kurawal, fragmen, tag komponen kapital) diurai sebagai HTML dan mungkin mengambil masalah kosmetik kecil. Untuk kode khusus kerangka kerja, kami merekomendasikan Prettier dikonfigurasi untuk dialek Anda; untuk file HTML, .htm, dan template mentah, alat kami sempurna.
features
Tidak ada unggahan yang terjadi. Format berjalan sepenuhnya di browser Anda dengan js-beautify, sehingga Anda dapat dengan aman menempelkan templat halaman internal, draf email, atau HTML yang berisi data pribadi tanpa ada yang meninggalkan perangkat Anda.
privacy
Minify menghapus komentar HTML, menciutkan semua spasi kosong antara tag menjadi satu spasi, dan menghapus jeda baris. Hasilnya adalah HTML rendering identik byte yang biasanya 10-30% lebih kecil. Dikombinasikan dengan gzip di server, ini menyusutkan bobot halaman awal secara nyata pada halaman yang penuh konten.
technical
Ya — klik Unduh untuk menyimpan output yang dipercantik sebagai output.html atau output yang diperkecil sebagai output.min.html. File ini dikodekan UTF-8, sehingga berfungsi sama baiknya dengan konten bahasa Inggris, Cyrillic, CJK, dan kanan-ke-kiri.
tips
Ini adalah utilitas khusus browser kecil — tanpa biaya hosting — jadi kami mengirimkannya gratis sebagai bagian dari toolkit pengembang kami. Tidak ada iklan, tidak ada pelacakan pada output, tidak ada batasan ukuran file di luar apa yang dapat disimpan browser Anda dalam memori.
pricing
Use Cases
Pembersihan Templat Email
HTML email pemasaran sering kali datang dari ESP sebagai gumpalan tunggal yang diperkecil. Percantik untuk memeriksa struktur, menemukan kolom meja yang rusak, dan menambal kesalahan ketik sebelum mengirim ledakan berikutnya.
marketing
Migrasi Konten CMS
Mengekspor dari satu CMS dan mengimpor ke CMS lain biasanya melibatkan pemindahan HTML. Prettify membuat diff dapat dibaca, mengecilkan mengecilkan muatan, dan kedua mode mempertahankan kesetiaan konten.
development
Keluaran Pengikisan Web
HTML mentah yang dikikis dari situs web tidak dapat dibaca tanpa pemformatan. Percantik output untuk menemukan pemilih CSS yang Anda butuhkan, lalu tulis aturan ekstraksi untuk pengikis Anda.
data
Pengoptimalan Situs Statis
Mengecilkan HTML yang dihasilkan dari generator situs statis Anda sebelum diterapkan. Diskon 10-30% dari ukuran file di atas gzip — peningkatan terukur untuk waktu pengecatan pertama pada halaman yang penuh konten.
performance
Cuplikan Dokumentasi
Saat menempelkan contoh HTML ke dalam dokumen, posting blog, atau file README, percantik terlebih dahulu sehingga pembaca dapat mengikuti strukturnya. Simpan versi yang diperkecil untuk perbandingan "output produksi".
documentation
Pembantu Pemfaktoran Ulang JSX
Sebelum mengonversi sepotong HTML ke JSX, percantik sehingga skrip konversi terlihat pohon yang bersih. Menyimpan pemformatan ulang manual dalam migrasi React/Vue Anda.
development