There are other useful CSS tools like – Less to CSS converter and CSS formatter. ItĪ website geared towards online tools for developers does your CSS minify quite conveniently. css-minifyīased on the YUI Compressor as the main parameters of the css minifier. tools/css-minifyĪnother site to minify CSS also has a CSS prettifier tool. There’s no other option or any extra options like the other services and there’s a CSS beautifier as well. There’s also an option to validate your CSS code. css-beautify-minifyīy directing file URL or uploading your CSS file you minify and beautify your CSS code in this site. There are more options like – Discard CSS properties (CSS 3.0, CSS 2.1, CSS 2.0 and CSS 1.0), Add time stamp to final CSS, Compress colors, Compress font-weight, Remove unnecessary backslashes and Remove last semi-colons. Standard (Balance between readability and size).High (Moderate readability, Smaller size).Highest (No readability, Smallest size).Īn online minifier with lots of options to choose from. Ī minify project of Peter Finland, MIT-licensed you can minify both CSS and JavaScript also shows the bytes you saved by minifying your code. It also has the same options for JavaScript and an image manipulation tool. You can minify as well as gzip your CSS code from this website. css-minifyĪ big box to paste your CSS code and result will be shown in the same field, simply does the job. You can copy-paste your CSS or type the URL of the file and minify. None values are converted to 0 whenever safe to do so.Keeps a single charset per CSS file removing all extra declarations.Hexadecimal colors following the pattern #AABBCC are reduced to #ABC.Chances RGB color values to a shorter hexadecimal format.Removes the leading 0 if a float value is lower than one.Removes the last semi-colon of a style declaration and extra semi-colons.Removes useless white spaces, indentation characters, and line breaks.This minifer gives you the option to strip all comments, super compact, keep indentation, remove the last semicolon. Minify/compress your CSS codes with options included to download a file, An API for use and many useful plugins like – Django Helper, Sublime Text 2 plugin, Krusader File Manager and PHP library. It’s better to minify your CSS code online and copy from there. I would not recommend it unless you have to do it. This is how you do CSS minification manually, But this is too much a repetitive task and certainly an error-prone method. Now remove comments, line gaps and extra spaces and above code will look like this. This is your typical raw CSS codes look like with line breaks and comments : /*. CSS Minifying Manuallyīefore using the online CSS minifiers, Note that you can manually minify your CSS file without using any tools. So that anyone can copy or upload their raw CSS code, minify and use it instantly without worrying about anything. And that is why I have listed down all the online CSS minifiers. But for someone new or have very little experience in coding minifying code can be a gruesome task. So code minification means it will remove white spaces, new lines, block delimiters and comments to minimize your file size. These unnecessary characters usually include white space characters, new line characters, comments, and sometimes block delimiters, which are used to add readability to the code but are not required for it to execute.” “Minification (also minimisation or minimization), in computer programming languages and especially JavaScript, is the process of removing all unnecessary characters from source code without changing its functionality. CSS minification does exactly that, But first, you should know what “code minify” means. So bottom line, you need to speed up your web page load time. According to Kissmetrics 40% website visitors abandon a website that takes more than 3 seconds to load, 1-second delay (or 3 seconds of waiting) decreases customer satisfaction by about 16%. Free online CSS minifiers can certainly improve your web page performance by decreasing page load time. If you have ever analyzed your site on or any other webpage testing/analyzing tools you have definitely had stumbled upon the “Minify CSS” recommendation.