Kostenloses Tool

HTML zusammenführen & aufteilen

Eine Website in eine Datei zusammenführen oder eine Datei in HTML, CSS und JS aufteilen

Ordner, ZIP oder Dateien hierher ziehen

Das Tool fügt CSS, JS und Bilder in eine eigenständige HTML-Datei ein

HTML, CSS und JS in eine Datei zusammenführen

  1. 1Ziehe deinen Projektordner oder dein ZIP in den Zusammenführen-Bereich. Das Tool findet den HTML-Einstiegspunkt automatisch.
  2. 2Stylesheets werden zu Inline-Style-Blöcken, Scripts zu Inline-Script-Blöcken und Bilder unter 2 MB zu Data-URIs.
  3. 3Lade die einzelne index.html herunter oder veröffentliche sie als Live-URL auf upfling.host.

Eine HTML-Datei in separate CSS- und JavaScript-Dateien aufteilen

  1. 1Füge deine einseitige HTML-Datei in den Aufteilen-Bereich ein oder lade sie hoch.
  2. 2Style-Blöcke werden zu styles.css, Script-Blöcke zu script.js und große Base64-Bilder zu echten Bilddateien.
  3. 3Lade den Ordner als ZIP herunter oder veröffentliche alle Dateien auf upfling.host.

Wann eine Datei besser ist und wann ein Ordner

Eine Datei lässt sich einfacher per E-Mail senden, einbetten oder vom Handy öffnen. Ein Ordner lässt sich einfacher bearbeiten, versionieren und erweitern. Dieses Tool konvertiert zwischen beiden Formen.

FAQ

Bilder unter 2 MB werden als Base64-Data-URIs direkt in die HTML-Datei eingebettet. Die Dateigröße wächst dabei um etwa ein Drittel. Bilder über dem Limit bleiben als externe Referenzen erhalten, und du bekommst eine Warnung.

Bereit?

Eine Website in eine Datei zusammenführen oder eine Datei in HTML, CSS und JS aufteilen

Deine Dateien bleiben im Browser. Nichts wird hochgeladen, bis du veröffentlichst.