Frogg logo

Frogg's web tools

Hand Crafted Tools

Home > Online scripts > CSS minifier
Welcome on Frogg's web tools | Current date :

Online CSS minifier

Reduce your website weight and increase your pages speed !
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. 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.
Minified source code is especially useful for interpreted languages deployed and transmitted on the Internet (such as JavaScript), because it reduces the amount of data that needs to be transferred. Minified source code may also be used as a kind of obfuscation, though the term obfuscation may be distinguished as a form of false cryptography while a minified code instance may be reversed using a pretty-printer. (source wikipedia)
Scripts are in pure javascript to prevent generated minified CSS storing which could be seen by server administrator.
  • 1. Copy your css sources :
    Copy your CSS source code in "CSS source code" input
  • 2. CSS extra replacement (optional) :
    You can set a string to be replaced in minified result, for exemple if ressources path minified CSS doesn't have the same path as source CSS.
    • Replace "string1" : find string in CSS source
    • By "string2" : replace with it in CSS minified
    • You can use regular expression instead of string click the button at end of line S = String and R = regular expression
    • You can add more extra replacement if needed using the + button
    • You can remove added extra replacement using the - button
    • If extra replacement input are empty, this option will be skipped
    ex: ../ as "string1" and inc/ as "string2" will replace all ../ from CSS source by inc/ in minified CSS result
  • 3. Start the process :
    Click on the "Minify CSS" button to start minify CSS process
  • 4. Result :
    You can use the "copy result to clipbord" button to copy minified CSS

Minify your CSS

paste from clipboard
  • Enter the CSS source code to minify
  • Replace
    Enter the string to replace in CSS minified
copy result to clipboard
  • CSS code minified
Page created by the 08/09/2016 19:03
Generated in 0.001 sec & displayed in ... sec