HTML Biçimlendirici, Güzelleştirici ve Küçültücü

HTML'yi tarayıcınızda anında biçimlendirin, güzelleştirin ve küçültün. Dağınık işaretlemeyi girintileyin veya sıkıştırın — ücretsiz, gizli, HTML'niz cihazınızdan çıkmaz.

Takip Yok Tarayıcıda Çalışır Ücretsiz

HTML Girdi

Girinti

Biçimlendirilmiş HTML

🔒 %100 tarayıcıda — HTML'niz cihazınızdan çıkmaz.

Reviewed for render-safe formatting and whitespace-aware minification — Go Tools Engineering Team · Jun 5, 2026

HTML Biçimlendirme Nedir?

HTML biçimlendirme (güzelleştirme veya düzgün yazdırma da denir), işaretlemeyi yapısı kolay okunacak ve düzenlenecek şekilde tutarlı iç içe geçme, girinti ve satır sonlarıyla yeniden yazar. Sayfa önce ve sonra aynı şekilde görüntülenir — yalnızca boşluk değişir. Küçültme bunun tersini yapar: yorumları kaldırır ve boşlukları — gömülü CSS ve JS dahil — daraltarak sayfaların daha hızlı yüklenmesini sağlar. Bu araç ikisini de, tamamen tarayıcınızda yapar.

Temel Özellikler

Biçimlendir ve küçült

Dağınık işaretlemeyi okunabilirlik için güzelleştirin veya üretim için — satır içi CSS ve JS dahil — sıkıştırın.

Bayt tasarruf göstergesi

Her çalıştırmada küçültmenin tam olarak kaç bayt tasarruf ettiğini görün.

%100 gizli

Tüm işlemler tarayıcınızda gerçekleşir. HTML'niz hiçbir zaman bir sunucuya gönderilmez.

Stil denetimleri

Kurallarınıza uyacak şekilde 2 boşluk, 4 boşluk veya sekme girintisi seçin.

Örnekler

Küçültülmüş işaretleme

<nav><ul><li><a href="/">Home</a></li><li><a href="/about">About</a></li></ul></nav>

Tek satırlık işaretlemeyi okunabilir, girintili bir ağaca genişletin.

Nitelikli form

<form action="/submit" method="post"><input type="email" name="email" required><button type="submit">Send</button></form>

Form denetimlerini ve niteliklerini satır satır düzenleyin.

Tablo

<table><thead><tr><th>Name</th><th>Role</th></tr></thead><tbody><tr><td>Ada</td><td>Engineer</td></tr></tbody></table>

Yapı belirgin olacak şekilde iç içe tablo bölümlerini girintileyın.

Satır içi SVG

<svg viewBox="0 0 24 24"><path d="M5 12h14"/><path d="M12 5v14"/></svg>

Okunabilirlik için satır içi SVG işaretlemesini biçimlendirin.

Yaygın Kullanım Senaryoları

Oluşturulmuş işaretlemeyi temizleme: Bir CMS veya oluşturucu tarafından dışa aktarılan HTML'yi okuyup düzenleyebileceğiniz hale getirmek için güzelleştirin.
Kod incelemesi: Tutarlı, fark alınabilir şablonlar için pull request açmadan önce işaretlemeyi biçimlendirin.
Daha küçük sayfalar gönderme: Bayt azaltmak ve yükleme süresini iyileştirmek için üretim HTML'sini küçültün.
Parçacık inceleme: Bir sayfadan kopyalanan işaretlemeyi yapıştırın ve yapısını anlamak için biçimlendirin.

Teknik Ayrıntılar

js-beautify ile güzelleştirilir: Öngörülebilir, yapılandırılabilir girinti için kanıtlanmış js-beautify HTML motorunu kullanır.
CSSO + Terser ile küçültülür: Boşlukları daraltır, yorumları söker ve görüntülemeyi değiştirmeden gömülü CSS ve JS'yi küçültür.
Tarayıcı tabanlı: Tamamen istemci tarafında çalışır; hiçbir HTML cihazınızdan çıkmaz veya bir sunucuya ulaşmaz.

En İyi Uygulamalar

Kaynağı biçimlendirin, üretim için küçültün: Okunabilir HTML'yi deponuzda tutun; yalnızca bir derleme adımı olarak küçültün.
Tek bir girinti stili seçin: Temiz farklar için 2 boşluk, 4 boşluk veya sekme üzerinde anlaşın.
pre/textarea boşluğuna dikkat edin: Küçültme, pre ve textarea gibi boşluğa duyarlı öğeleri etkileyebilir — sıkıştırdıktan sonra doğrulayın.

Sıkça Sorulan Sorular

HTML'yi online olarak nasıl biçimlendiririm?

HTML'nizi giriş kutusuna yapıştırın ve Biçimlendir'e tıklayın. Araç, işaretlemeyi uygun iç içe geçme ve satır sonlarıyla yeniden girintiler, ardından kopyalamanıza izin verir. Her şey tarayıcınızda yerel olarak çalışır — hiçbir şey yüklenmez.

HTML'yi nasıl küçültürüm?

HTML'nizi yapıştırın ve Küçült'e tıklayın. Araç yorumları kaldırır ve boşlukları — gömülü CSS ve JavaScript dahil — daraltarak mümkün olan en küçük eşdeğer işaretlemeyi üretir; kaç bayt tasarruf ettiğinizi gösterir.

HTML biçimlendirme ile küçültme arasındaki fark nedir?

Biçimlendirme (güzelleştirme), işaretlemeyi okunabilir kılmak için girinti ve satır sonları ekler. Küçültme, daha hızlı yükleme için dosyayı küçültmek amacıyla yorumları ve boşlukları soyar. Her ikisi de tarayıcıda aynı şekilde görüntülenir.

Biçimlendirme sayfamın görüntülenmesini değiştirir mi?

Biçimlendirme yalnızca boşluk ekler; bu, normal işaretleme için güvenlidir. pre ve textarea gibi boşluğa duyarlı öğelerin yeniden biçimlendirme veya agresif küçültmeden etkilenebileceğine dikkat edin — işlemden sonra bunları doğrulayın.

HTML'im bu araçla güvende mi?

Evet. Tüm biçimlendirme ve küçültme işlemleri JavaScript kullanılarak tarayıcınızda yerel olarak gerçekleşir — HTML'niz hiçbir zaman herhangi bir sunucuya gönderilmez, kaydedilmez veya depolanmaz. Bu, yapıştırdığınız her şeyin bir kopyasını alan sunucu tarafı araçların aksine, onu özel veya yayımlanmamış işaretleme için güvenli kılar.

Satır içi CSS ve JavaScript'i de küçültür mü?

Evet. Küçültücü stil ve script içeriklerini de sıkıştırır; böylece tek bir geçişte tüm belgenizi — işaretleme, stiller ve scriptler birlikte — küçültür.

HTML için hangi girintiyi kullanmalıyım?

İki boşluk en yaygın varsayılandır ve farkları kompakt tutar; dört boşluk derin iç içe geçmiş düzenlerde yardımcı olabilir; sekmeler her geliştiricinin kendi genişliğini seçmesine izin verir. Birini seçin ve tutarlı biçimde uygulayın — bu araç üçünü de destekler.

İlgili Araçlar

Tüm araçları görüntüleyin →

CSS Biçimlendirici, Güzelleştirici ve Küçültücü

Kod

CSS'i tarayıcınızda anında biçimlendirin, güzelleştirin ve küçültün. Dağınık stil sayfalarını düzenleyin veya sıkıştırın — ücretsiz, gizli, CSS'iniz cihazınızdan çıkmaz.

JavaScript Biçimlendirici ve Küçültücü

Kod

JavaScript'i tarayıcınızda anında biçimlendirin, güzelleştirin ve Terser ile küçültün. Dağınık kodu temizleyin veya sıkıştırın — ücretsiz, gizli, kodunuz cihazınızdan çıkmaz.

SQL Biçimlendirici ve Güzelleştirici

Kod

SQL'i tarayıcınızda anında biçimlendirin, güzelleştirin ve küçültün. PostgreSQL, MySQL, SQL Server, BigQuery, Snowflake, Oracle ve SQLite destekler. Ücretsiz, gizli — SQL'iniz cihazınızdan çıkmaz.

Sayı Tabanı Dönüştürücü — Binary, Hex, Decimal ve Octal

Dönüştürme Araçları

Binary, hex, decimal, octal ve herhangi bir taban (2-36) arasında anında dönüştürün. Ücretsiz ve gizli — tüm işlem tarayıcınızda yapılır.

Base64 Çözücü ve Kodlayıcı

Kodlama ve Biçimlendirme

Base64'ü ücretsiz çevrimiçi kodlayın ve çözün. Tam UTF-8 ve emoji desteğiyle gerçek zamanlı dönüştürme. %100 tarayıcıda — kayıt gerekmez.

Base64'ü Görsele Çevirme Aracı

Kodlama ve Biçimlendirme

Bir Base64 dizesini ya da data URI'yi tarayıcınızda görsele geri çözün. Önizleyin, boyutları ve MIME'ı okuyun, ardından PNG, JPG, GIF, SVG olarak indirin. Yükleme yok.