Developer Tools

Minify CSS online

Minify CSS to reduce file size and speed up loading.

All Tools

CSS Minifier

Upload file
Drag & drop a file here, or choose a file.
Input
Output

How to use

  1. Paste CSS into the input.
  2. Click Minify to reduce size.
  3. Copy or download the output.

Best practices

  • For best performance, try with smaller inputs first.
  • Preview the output before downloading or sharing it.
  • Avoid pasting sensitive data on shared devices.

Privacy

Some tools run in your browser. Some may require server processing depending on the feature.

Examples
Example 1
Input
body {
  margin: 0;
  padding: 0;
}
.button {
  background: #6366F1;
  color: white;
}
Output

                                    

                                        
                                    

                                

                            

                        

                        

                            

                                

                                    
Example 2

                                

                            

                            

                                

                                    
Input

                                    
.card {
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

                                    

                                            
                                        
                                    

                                

                                

                                    
Output

                                    

                                    

                                        
                                    

                                

                            

                        

                

            


        

            

                
Was this tool helpful?