İçeriğe atla

HTML Küçültücü

Açıklamalar, gereksiz boşluklar ve boş öznitelikleri kaldırarak HTML'i küçülten.

Giriş
Çıkış

HTML Küçültücü

Bir HTML belgesi veya parçasını yapıştırın ve bu araç, aynı görüntüleme sonucuyla daha küçük bir sürümü döndürür. Yorumları kaldırır, etiketler arasında ve öznitelik listeleri içinde gereksiz boşlukları daraltır ve class="" gibi tarayıcının yine de yoksaydığı boş öznitelikleri kaldırır. Statik bir sayfa gönderme, şablonu başka bir sisteme gömme veya işaretlemeyi bir yere boyut sınırıyla yapıştırma öncesinde kullanın.

Dört seçenek minifikasyonun ne kadar ileri gitmesi gerektiğini kontrol eder. pre, textarea ve script içeriğini koru varsayılan olarak bu öğelerin içindeki tam boşluğu değişmeden bırakır, çünkü <pre> bloğu veya betik içindeki bir boşluk genellikle anlamlıdır; yalnızca bu içeriğin boşluk daraltmasını tolere edebileceğini biliyorsanız kapatın. Metindeki birden fazla boşluğu birleştir metindeki boşluk, sekme ve satır sonu dizilerini tek bir boşluğa dönüştürür. Basit öznitelik değerlerinden tırnakları kaldır, HTML5 spec'e göre onlara ihtiyaç duymayan id=box gibi değerlerin etrafındaki tırnakları düşürür — boşluk, eşittir işareti veya başka bir tırnak içeren her şey tırnaklı kalır. İsteğe bağlı kapanış etiketlerini kaldır, tarayıcının kendi başına anladığı kapanış etiketlerini düşürür, örneğin başka bir <li> öncesindeki </li> veya </tr> öncesindeki </td>, tarayıcıların bunları kendi kendine kapatmak için kullandığı kurallar kullanarak.

Araç, tam bir DOM'u yeniden serileştirmek yerine işaretlemenizin ham metni üzerinde çalışır, bu nedenle etiket veya öznitelik adı durumu asla yeniden yazılmaz — viewBox veya clipPath gibi büyük/küçük harf duyarlı öğelere sahip satır içi SVG değişmeden geçer. Hem Windows hem de Unix satır sonlarını işler ve çıktının altındaki sayı, minifikasyondan önceki ve sonraki bayt boyutunu ve yüzde tasarrufu bildirir.

Her şey tarayıcınızda yerel olarak çalışır — işaretlemeniz asla başka bir yere yüklenmez, bu da dahili şablonlar veya henüz halka açık olmayan her şey için güvenli hale getirir. Sonucu kopyalayın, .txt dosyası olarak indirin veya çıktıyı başka bir geçiş için girişe geri gönderin.

FAQ

Bu sayfamı kıracak mı?
Varsayılan seçenekler muhafazakardır: pre, textarea ve script içeriği değişmeden kalır ve kapanış etiketleri yalnızca HTML5 spec'in tarayıcının kendi başına anladığını söylediği yerlerde kaldırılır. Daha agresif seçenekleri açarsanız, yayınlamadan önce sonucu gözden geçirin.
HTML'imin içindeki CSS ve JavaScript'i minify ediyor mu?
Hayır. <style> etiketleri içindeki içerik sıradan metin olarak ele alınır ve <script> etiketleri içindeki içerik varsayılan olarak korunur. Bu kodu ayrı olarak dedike bir CSS veya JS minifier'ı ile işleyin, ardından birleştirilmiş sayfayı buraya yapıştırın.
Yorumlara ne olur?
Tüm HTML yorumları kaldırılır; bunlara notlar veya bölüm işaretçileri için kullanılan yorumlar da dahildir. Belirli bir yorumu tutmanız gerekiyorsa, yapıştırmadan önce giriş metninden kaldırın veya minifikasyondan sonra yeniden ekleyin.
Boş alt özniteliği neden görüntülerimde kalmaya devam ediyor?
alt="" anlamlıdır — yardımcı teknolojiye resmin dekoratif olduğunu söyler — bu nedenle araç bunu tutar, bununla birlikte class="" gibi diğer boş öznitelikleri kaldırır.
HTML'im bir yere yükleniyor mu?
Hayır. Minifikasyon tamamen tarayıcınızda yerel JavaScript kullanarak çalışır — işaretleme asla cihazınızı terk etmez.