Toolbox for webmasters / CSS minifier & beautifier

Online CSS Minifier and Beautifier

This tool allows you to minify and beautify your CSS file. You can download minified and beautified CSS.

Copy and paste, drag and drop a css file or directly type in the "Your CSS" editor above.


Your CSS


Minified CSS
Beautified CSS



About CSS

CSS (Cascading Style Sheets) is a style sheet language that describes the style of an HTML document (Or other markup languages). CSS describes how HTML elements should be displayed.

CSS is designed to enable the separation of presentation (layout, colors, and fonts) and content.

A style sheet consists of a list of rules. Example:

h1, h2, h3, h4, h5
{
	margin: 0;
	padding: 0;
	font: inherit;
	vertical-align: baseline;
	color:gray;
}

input[type='text'], select
{
	min-width:170px;
}
						

Why minify css ?

Minification is the process of removing all unnecessary characters from source code without changing its functionality. It removes white space, new line and comments.

Minification is a bandwidth optimization technique that reduces the amount of data that needs to be transferred. It optimizes your site speed, it is a SEO factor.

We use the JavaScript CSS minifier csso.


Why beautify css ?

Beautify your CSS for easier reading.

We use the cssbeautify library cssbeautify.

You can report a bug or give feedback by adding a comment (above) or by clicking "Contact us" link (at the top right hand corner of the page).

Comments





The tools are provided "as is", without warranty of any kind, either express or implied.