Softonic

Pemadat HTML

Langkah 1 / 3

Tempel cuplikan, isi email, atau halaman lengkap, hingga 1.000.000 karakter.

Berikutnya: pilih opsi

Tempel HTML atau buka file HTML, pilih seberapa banyak yang ingin dihapus, lalu salin atau unduh versi yang lebih kecil lengkap dengan jumlah byte yang Anda hemat. Level Aman tidak pernah menyatukan dua kata, sehingga tampilan dan fungsi halaman tetap sama, dan CSS serta JavaScript inline juga ikut dipadatkan.

Cara menggunakan Pemadat HTML

  1. 1

    Tambahkan HTML Anda

    Tempel markup ke editor, atau buka file .html, .htm, atau .xhtml yang disimpan sebagai UTF-8, hingga 1.000.000 karakter.

  2. 2

    Pilih level dan opsi

    Biarkan Aman untuk HTML apa pun, atau pilih Maksimal untuk halaman lengkap yang akan Anda uji. Lalu tentukan apakah komentar ingin dihapus dan apakah CSS serta JavaScript inline ingin dipadatkan.

  3. 3

    Salin atau unduh hasilnya

    Periksa HTML yang sudah dipadatkan beserta ukurannya, lalu salin atau unduh sebagai file. Jika Anda mengubah opsi di halaman hasil, pemadatan dijalankan ulang.

Apa yang diubah oleh pemadat

Alat ini menggunakan html-minifier-terser, pemadat HTML sumber terbuka yang banyak dipakai, bersama clean-css untuk CSS dan Terser untuk JavaScript. Kedua level mempertahankan spasi antarkata dan antartag inline seperti <b> dan <a>. Level Maksimal menghemat lebih banyak pada halaman lengkap.

Perubahan Aman Maksimal
Baris baru dan deretan spasi Menjadi satu spasi Menjadi satu spasi, dan hilang di antara blok seperti <div> dan <li>
Spasi antarkata dan antartag inline Dipertahankan Dipertahankan
Tag opsional seperti </p>, </li>, <head>, dan <body> Dipertahankan Dihapus
Tanda kutip di sekitar nilai atribut Dipertahankan Dihapus jika HTML mengizinkannya
Atribut boolean seperti checked="checked" Dipertahankan Dipersingkat menjadi checked
Atribut class, id, dan style yang kosong Dipertahankan Dihapus
Garis miring penutup pada <br/> Dipertahankan Dihapus
type="text/javascript" dan type="text/css" Dihapus Dihapus

XHTML: jika Anda membuka file .xhtml, atau HTML diawali deklarasi XML seperti <?xml version="1.0"?>, kedua level mempertahankan tag opsional, tanda kutip di sekitar nilai atribut, atribut boolean seperti checked="checked", dan garis miring penutup, serta tidak memadatkan JavaScript. Dengan begitu, hasilnya tetap dapat dibaca sebagai XML.

Opsi

  • Hapus komentar (aktif secara default): komentar biasa dihapus. Komentar yang diawali <!--! (seperti pemberitahuan lisensi), komentar server-side include (SSI), dan komentar kondisional Internet Explorer tetap dipertahankan.
  • Padatkan CSS (aktif secara default): CSS di elemen <style> dan atribut style menjadi lebih pendek. @import dibiarkan apa adanya dan tidak ada yang diunduh.
  • Padatkan JavaScript (aktif secara default): skrip inline dan atribut event seperti onclick menjadi lebih pendek. Nama variabel lokal dipersingkat, nama global tetap, dan komentar lisensi /*! ... */ dipertahankan. Isi data terstruktur seperti JSON-LD tidak dipadatkan.

Yang tidak pernah diubah

  • Teks di dalam <pre> dan <textarea>, tempat spasi dan baris baru terlihat di halaman.
  • Referensi karakter seperti &nbsp;, &amp;, dan &eacute;.
  • Blok PHP (<?php ... ?>) dan blok bergaya ASP (<% ... %>), serta semua yang berada di antara dua komentar <!-- htmlmin:ignore -->.
  • Doctype, anchor <a name>, type="text" pada kolom input, serta huruf besar-kecil dan garis miring penutup di dalam SVG.

Catatan yang mungkin muncul

  • Skrip tidak dapat dibaca: skrip inline atau atribut event yang bukan JavaScript valid dengan sendirinya dibiarkan tanpa dipadatkan, dan alat ini menunjukkan baris serta kolom kesalahannya. Bagian halaman lainnya tetap dipadatkan.
  • Blok CSS tidak dapat dibaca: CSS tersebut dibiarkan tanpa dipadatkan.
  • Set karakter selain UTF-8: file unduhan selalu disimpan sebagai UTF-8, jadi ubah <meta charset> halaman menjadi UTF-8, atau salin hasilnya ke file Anda sendiri.
  • Tidak ada penghematan: HTML sudah sekecil yang bisa dicapai dengan opsi ini.

Jika elemen <script> atau <style> tidak pernah ditutup, tidak ada yang dipadatkan dan alat ini menunjukkan baris serta kolom tempat elemen itu dimulai. Apa pun levelnya, buka halaman yang sudah dipadatkan dan coba telusuri sebelum Anda memublikasikannya.

Pertanyaan yang Sering Diajukan

Dengan Aman, ya. Spasi dirapatkan menjadi satu tetapi tidak pernah dihapus, sehingga <b>Halo</b> <i>dunia</i> tetap terbaca “Halo dunia” dan elemen yang berdampingan tetap berjarak. Hanya teks yang ditampilkan CSS dengan spasi utuh, misalnya dengan white-space: pre, yang bisa berubah.

Untuk halaman lengkap yang Anda uji sebelum dipublikasikan. Level ini menghemat lebih banyak byte dengan menghapus spasi di antara blok dan tag opsional seperti </p>. Periksa dua hal: elemen yang berdampingan dengan display: inline-block bisa kehilangan jarak di antaranya, dan fragmen yang tag </p> terakhirnya dihapus bisa ikut menelan HTML yang ditambahkan setelahnya.

Jika Hapus komentar aktif, komentar biasa akan hilang. Komentar yang diawali <!--!, komentar server-side include seperti <!--#include virtual="/footer.html" -->, dan komentar kondisional Internet Explorer seperti <!--[if IE]> tetap dipertahankan. Untuk mempertahankan suatu bagian persis seperti yang ditulis, letakkan bagian itu di antara dua komentar <!-- htmlmin:ignore -->. Kedua penanda itu akan dihapus.

JavaScript hanya dipadatkan jika bisa dibaca sebagai kode yang valid. Jika skrip inline mengandung kesalahan sintaksis, atau berisi kode template yang bukan JavaScript dengan sendirinya, skrip tersebut dibiarkan tanpa dipadatkan, bagian halaman lainnya tetap dipadatkan, dan alat ini menunjukkan baris serta kolom kesalahannya.

Tidak. HTML yang Anda tempel atau buka tetap berada di browser Anda. HTML itu tidak dikirim ke server kami dan tidak ditambahkan ke tautan halaman. Di antara langkah-langkah, HTML disimpan di tab browser ini sampai Anda menutup tab atau memilih Mulai dari awal. Halaman mengunduh kode pemadat saat Anda meminta hasil dan memberi tahu server kami bahwa pemadatan telah dijalankan, tanpa menyertakan HTML-nya.

Hingga 1.000.000 karakter, baik ditempel maupun dibuka dari file yang disimpan sebagai UTF-8. Jika file menggunakan encoding lain, alat ini akan memberi tahu Anda: buka file di editor, salin HTML-nya, lalu tempel di sini. Proses yang berlangsung lebih dari 30 detik akan dihentikan. Jika itu terjadi, coba bagian HTML yang lebih pendek.

Alat Terkait

Generator Konfigurasi Webpack

Buat webpack.config.js untuk webpack 5 dari formulir singkat: atur entry, folder output, dan mode, lalu aktifkan TypeScript, Babel, loader CSS, HtmlWebpackPlugin, dan dev server.

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.

Dari SQL ke NoSQL

Ubah satu pernyataan SQL SELECT menjadi kueri find() MongoDB. Memetakan kolom, WHERE (=, >, <, >=, <=, !=), AND/OR, ORDER BY, dan LIMIT. Tanpa JOIN, GROUP BY, atau agregasi.

Generator Robots.txt

Buat file robots.txt yang valid: tetapkan user-agent, cantumkan jalur Disallow dan Allow, tambahkan Crawl-delay, dan deklarasikan sitemap Anda, lalu salin hasilnya.

Referensi Karakter HTML

Daftar entitas HTML yang dapat dicari, beserta kode bernama dan kode numeriknya, serta fitur salin dengan satu klik untuk karakter khusus dan simbol.

Generator Regex dari Contoh

Tempel satu string contoh dan dapatkan ekspresi reguler awal: rangkaian angka, huruf besar, dan huruf kecil menjadi kelas karakter berukuran, sisanya tetap sebagai literal yang di-escape.

Alat ini tersedia dalam bahasa lain