CSS inlinen → Style-Tags & ungenutzte id/class entfernen → Minify
Eingabe – HTML mit <style>
<!doctype html> <html lang='de'> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <title>Beispiel</title> <style> .btn { background:#007bff; color:#fff; padding:8px 12px; border-radius:4px; display:inline-block; } #jump { color:#0a0; font-weight:bold; } p { font-size:16px; line-height:1.5; color:#333; } </style> </head> <body> <a href="#jump">Zum Abschnitt</a> <h2 id="jump" class="headline">Abschnitt</h2> <p class="text">Das ist ein Testabsatz.</p> <a class="btn" id="cta" href="#">Button</a> </body> </html>
Umwandeln
Regeln aus <style> werden inline gesetzt; danach IDs/Classes & Ballast entfernt und minified.
Ausgabe – bereinigtes HTML (kopierbar)
In Zwischenablage kopieren
Hinweis: Conditional Comments (MSO/VML) bleiben erhalten.