HTML Küçültücü

Boşlukların korunduğu yerler

Her boşluk, sekme ve satır sonu dizisi yok edilmek yerine tek bir boşluğa dönüştürülür; çünkü satır içi içeriğin yanındaki boşluk görünürdür: Read <a href="/guide">the guide</a> now ifadesinde bağlantının iki yanındaki boşluk da korunur. Boşluk yalnızca tarayıcının göstermeyeceği yerlerde atılır: <p>, <li> veya <div> gibi bir blok öğesinin başında ve sonunda ya da <li> öğeleri arasındaki girinti gibi blok kardeşleri arasında. <pre>, <textarea>, <script> ve <style> içindeki metin yazıldığı hâliyle bırakılır.

CSS, kaldırılmış bir boşluğu yeniden önemli hâle getirebilir. display: inline-block ile stillendirilen bir <div> veya white-space: pre-wrap kullanan bir paragraf, yalnızca HTML'ye göre görünmez olan boşlukları görüntüler. Bu nedenle dağıtımdan önce oluşturulan sayfayı özgün hâliyle karşılaştırın.

Tarayıcı ayrıştırıcısının değiştirdikleri

Bileşen şablonu gibi bir parça, parça olarak geri döner; doctype veya <html>, <head> ya da <body> etiketi içeren girdi ise bütün bir belge olarak geri döner. Her iki durumda da işaretleme tarayıcının ayrıştırıcısından geçer: kapanmamış etiketler kapatılır, yanlış konumlandırılmış öğeler ayrıştırıcının uygun gördüğü yere taşınır ve herhangi bir sürümdeki HTML doctype'ı <!doctype html> olur. Yorum olarak yazılmış çerçeve işaretleri de dâhil olmak üzere tüm yorumlar kaldırılır.

Satır içi betikler ve stiller yazıldığı hâliyle bırakılır. İçeriklerini JavaScript küçültücü ve CSS küçültücü ile ayrıca küçültün.

Nasıl kullanılır?

1. HTML'yi yapıştırın.
2. HTML'yi küçült'ü seçin.
3. Sıkıştırılmış belgeyi inceleyip indirin.

Gizlilik ve sınırlamalar

Belge yerel olarak kalır. Boşluklar satır içi düzenlerde anlam taşıyabileceğinden oluşturulan sayfaları her zaman test edin.