CodeUtility
Making your developer's life easier!

CSS Minifier - Minify CSS Code Online

Quickly minify and compress your CSS code using our free online CSS Minifier. Reduce file size, remove unnecessary spaces, and improve your website's loading speed.

Tags: compress code css minify code scss

🚀 107,646 total conversions (4 this month)

Practice Python with coding challenges

Solve hands-on problems right in this editor: run the sample tests, submit, and get an AI code review.

All Python challenges
Easy

Dot Product of Two Vectors

Multiply two vectors element by element and add the results: the core operation of every neuron.

You'll learn VectorsDot product
Neural networksaimachine learning
Python C++ C#
1 solved
View solutions (1)
Easy

Distance Between Points

Compute the straight-line distance between two points.

You'll learn Pythagorean theoremSquare roots
BeginnerFunctionsLearning-pathmath
Python C++ C#
1 solved
View solutions (1)
Easy

Count Pairs With a Sum

Count pairs of positions whose values add up to a target.

You'll learn Pairs of indexesAvoiding double counts
ArraysBeginnerLearning-pathNested-loops
Python C++ C#
1 solved
View solutions (1)
Easy

Average of Three

Average three whole numbers.

You'll learn ArithmeticDivision
BeginnerLearning-pathVariables
Python C++ C#
1 solved
View solutions (1)
Easy

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

You'll learn ArithmeticReturn values
BeginnerLearning-pathVariables
Python C++ C#
1 solved
View solutions (1)
Easy

Join Customers and Orders

Join customers with their orders like a LINQ Join and report each customer's total spend.

You'll learn LINQ JoinGrouping
ArraysSorting
Python C++ C#
0 solved
No solutions yet
Easy

To-Do List

Keep a list of tasks: add them, mark them done, remove them and report what is still pending.

You'll learn Typed collectionsRecords
BeginnerSimulationStrings
Python C++ C#
0 solved
No solutions yet
Easy

Linked List Operations

Simulate a linked list: add at either end, remove from the front or by value, and reverse it.

You'll learn Linked listsSimulation
Data-structuresSimulation
Python C++ C#
0 solved
No solutions yet
Easy

Sum a Flat JSON Object

Parse a flat JSON object whose values are integers and add up the values.

You'll learn JSON parsingString splitting
ParsingStrings
Python C++ C#
0 solved
No solutions yet
Easy

WhenAll Total Time

Find how long a program takes when each group of tasks runs together with Task.WhenAll and groups run one after another.

You'll learn Async/awaitTask.WhenAll
ArraysBeginner
C++ Python C#
0 solved
No solutions yet
Medium

Parallel Task Completion Order

Run tasks concurrently with at most k at a time and report the order in which they finish.

You'll learn ConcurrencyPriority queues
SimulationSorting
Python C++ C#
0 solved
No solutions yet
Medium

Min Stack

Build a stack that reports its smallest element instantly after any push or pop.

You'll learn StacksRunning minimum
Data-structuresStacks
Python C++ C#
0 solved
No solutions yet

Introduction

This online CSS minifier tool helps you compress and optimize your CSS code effortlessly. It’s ideal for improving website performance by reducing file size and load times.

How to Use This Tool

  1. Paste your CSS code directly into the editor or type it in.
  2. Click the Minify button to compress your CSS code.
  3. After minifying, you can:
    • Download the optimized result.
    • Save or share it using a unique link.
    • Sign in with Google or GitHub to save your minified code for future use.

What is CSS?

CSS (Cascading Style Sheets) is a language used to style web pages and user interfaces. It works with HTML to control the layout, colors, fonts, and overall visual presentation of a website or application.

CSS is not limited to web pages-it can also style XML-based documents like SVG and XUL. Combined with HTML and JavaScript, CSS plays a key role in building visually appealing and interactive websites and mobile applications.

Learn more about CSS from this CSS guide .

CSS Syntax

      
body {
    padding-left: 11em;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: purple;
    background-color: #d8da3d
}

ul.navbar {
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em
}

h1 {
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif
}

What is Minification?

Minification is the process of minimizing code and markup in your web pages and script files. It’s one of the main methods used to reduce load times and bandwidth usage on websites. Minification dramatically improves site speed and accessibility, directly translating into a better user experience. It’s also beneficial to users accessing your website through a limited data plan and who would like to save on their bandwidth usage while surfing the web.

Why minify CSS?

When creating CSS developers tend to use spacing, comments and well-named variables to make code and markup readable for themselves. It also helps others who might later work on the assets. While this is a plus in the development phase, it becomes a negative when it comes to serving your pages. Web servers and browsers can parse file content without comments and well-structured code, both of which create additional network traffic without providing any functional benefit.

To minify CSS files, comments and extra spaces need to be removed, as well as crunch variable names so as to minimize code and reduce file size. The minified file version provides the same functionality while reducing the bandwidth of network requests.

Examples

Before minified

      
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li {
  display: inline-block;
}
nav a {
  display: block;
  padding: 6px 12px;
  text-decoration: none;
}

After minified

      
nav ul{margin:0;padding:0;list-style:none;}nav li{display:inline-block;}nav a{display:block;padding:6px 12px;text-decoration:none;}