Code Minifier

Developer Tools

Minify CSS & HTML code

FreePrivateInstant
Add a file · .txt .md .csv .json … · up to 2.00 MB
Embed this tool on your websiteFree
  1. Choose how tall the frame should be.
  2. Press Copy code.
  3. Paste it into your page, blog, WordPress or Notion HTML block.
Height

The tool runs inside your visitor's browser, nothing is uploaded, and a small "Powered by ToolCloak" line stays under it. The second line (script) is optional: it makes the frame fit the tool's height.

Similar tools you may like

History

All history →

Code Minifier — at a glance

Make CSS and HTML files smaller by removing spaces, comments and line breaks — so your site loads faster.

CSS
body {
color: red;
margin: 0;
}
Minify
Minified
body{color:red;margin:0}
Saved: 55%

How to use it — step by step

Paste your code, minify, then use the small version on your live website.

1

Pick CSS or HTML

Choose the type of code you are pasting.

2

Paste code

Put your full code in the input box.

3

Minify

See the compressed code and size comparison.

4

Copy

Use the minified code on your live site.

Pro tips

Small things that make the result better.

✦Keep your original readable file for editing.
✦Minifying can cut CSS size by 30–60%.
✦Always test the page after minifying.

Quick facts

30–60%typical size saving
CSS + HTMLboth supported
Before/aftersize comparison
Fasterpages load quicker

Frequently Asked Questions

Does minifying change how my site looks?+

No. It only removes characters the browser does not need.

Can I get my original code back?+

Not automatically — keep a copy of the original.

Is my data safe?+

Yes. Everything runs inside your own browser. Your text, files and images are never uploaded to any server.

More Free Tools