CODEWITHSUNDEEP
htmlcssoptimizationcompression
Ted
Ted

Reputation: 111

CSS Minimizer?

Do you know of an online CSS compressor that helps remove redudant/ineffecient CSS declarations and replaces it with more optimized CSS?

Meaning, I know that a lot of "compressors" exist that simply remove tabs, remove comments, etc.

But what I'm looking for is something smart enough to know that:

border-top: 1px solid red; 
border-bottom: 1px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red;

is the same as the more efficient:

border: 1px solid red;

UPDATE: The CSS I'm trying to optimize is at the link below

http://tinyurl.com/yhy5ln

Upvotes: 11

Views: 4999

Answers (3)

rafleo
rafleo

Reputation: 580

Try Devilo.us

It also gives you control over how much you want to compress your code.

Upvotes: 0

DisgruntledGoat
DisgruntledGoat

Reputation: 72510

Clean CSS is one I tried before.

However, for your example of merging rules I highly recommend doing it by hand, because there are situations where any automatic tool could mess something up or not catch an optimization.

If you had, for example:

border-top: 3px solid red; 
border-bottom: 3px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red;

The best way to optimize this is:

border-width: 3px 1px;
border-style: solid;
border-color: red;

But an optimizer may not catch this.

EDIT

Tried the above example and Clean CSS didn't cut the mustard. However, FlumpCakes Optimizer is better. It catches your example, but not my advanced example.

Upvotes: 0

ceejayoz
ceejayoz

Reputation: 179994

Will this do? It beautifies, minifies, merges, and simplifies rules where possible, and is highly configurable.

Upvotes: 8

Related Questions