Free tool

Inline & Split HTML

Combine a site into one self-contained file, or split one file into HTML, CSS and JS

Drop a folder, ZIP, or files here

The tool inlines CSS, JS, and images into one self-contained HTML file

Files split? Host it at a live URL in under a minute.

How to combine HTML, CSS and JS into one file

  1. 1Drop your project folder or ZIP onto the Inline pane. The tool finds the HTML entry point automatically.
  2. 2Stylesheets become inline style blocks, scripts become inline script blocks, and images smaller than 2 MB become data URIs.
  3. 3Download the single index.html, or publish it to a live URL on upfling.host.

How to split an HTML file into separate CSS and JavaScript files

  1. 1Paste or upload your single-file HTML page into the Split pane.
  2. 2Style blocks move to styles.css, script blocks move to script.js, and large base64 images become real image files.
  3. 3Download the folder as a ZIP, or publish the whole set to upfling.host.

When one file is better, and when a folder is

One file is easier to email, embed, or open from a phone. A folder is easier to edit, version, and extend. This tool converts between the two so you can start in whichever shape you have and end in whichever shape you need. If all you need online is one picture, try posting an image and linking to it instead of inlining it.

FAQ

Images under 2 MB are converted to base64 data URIs and embedded directly in the HTML. The file size grows by about a third. Images over the cap stay as external references, and a warning tells you which ones were skipped.

Ready?

Combine a site into one self-contained file, or split one file into HTML, CSS and JS

Your files stay in your browser. Nothing is uploaded unless you publish.