CSS compressor

http://www.csscompressor.com

Этот сервис удобен тем, что комментирует все свои действия, так что вы будете в курсе изменений вашего стиля. Работает он следующим образом. В поле CSS Input вставляете код CSS, выбираете желаемые настройки и нажимаете кнопку «Compress» (рис. 22.2).

Рис. 22.2. Интерфейс

Настройки следующие.

• Compression Mode — режим сжатия. Различается четырьмя видами.
• Highest — все правила записываются в одну строку.
• High — каждое правило записывается на своей строке.
• Standard — каждое свойство пишется на отдельной строке,
• Low — каждое свойство пишется на отдельной строке и отбивается табуляцией.
• Sort Properties — сортировка стилевых свойств в алфавитном порядке.
• Compress colors — цвета вида #ffffff заменяются сокращённой формой #fff.
• Compress font-weight — оптимизируется насыщенность шрифта. Такое значение font-weight какnormal заменяется на 400, а bold на 700.
• Lowercase selectors — все селекторы записываются в нижнем регистре.
• Remove unnecessary backslashes — ненужные слэши (\) удаляются.
• Remove unnecessary semi-colons — удалить необязательную точку с запятой в последнем свойстве.

После сжатия выводятся два поля: список сделанных изменений в свойствах и сжатый CSS (рис. 22.3).

Рис. 22.3. Результат использования