開発者ツール

Minify CSS online

Minify CSS to reduce file size and speed up loading.

すべてのツール

CSS Minifier

Upload file
Drag & drop a file here, or choose a file.
入力
出力

使い方

  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.

プライバシー

一部のツールはブラウザで実行されます。機能によってはサーバー処理が必要な場合があります。

例
Example 1
入力
body {
  margin: 0;
  padding: 0;
}
.button {
  background: #6366F1;
  color: white;
}
出力

                                    

                                        
                                    

                                

                            

                        

                        

                            

                                

                                    
Example 2

                                

                            

                            

                                

                                    
入力

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

                                    

                                            
                                        
                                    

                                

                                

                                    
出力

                                    

                                    

                                        
                                    

                                

                            

                        

                

            


        

            

                
Was this tool helpful?