Как преобразовать весь цветной код #XXYYZZ в более короткую трехсимвольную версию #XYZ всего файла CSS?

Question

Как преобразовать весь цветной код #XXYYZZ в более короткую трехсимвольную версию #XYZ всего файла css?

Answer 1

Вы можете преобразовать в более короткую трехсимвольную версию только цвета, выраженные следующим образом: #RRGGBB, где первый и второй символы одинаковы, третий и четвертый символы одинаковы, а пятый и шестой символы одинаковы.

Итак: #CC00DD можно сократить до #C0D, в то время как #CC01DD нельзя.

Быстрый способ сократить все возможные цвета в файле CSS - открыть файл в редакторе, поддерживающем регулярные выражения (например, kwrite или kate в linux), и заменить (игнорируя регистр) следующее регулярное выражение:

#([0-9A-F])\1([0-9A-F])\2([0-9A-F])\3

с этим текстом замещения:

#\1\2\3

Протестировано с Кейт.

В противном случае вы можете использовать этот инструмент , где, если вам нужно только сжать цветовые коды, вы можете снять все опции, кроме «Сжатие цветовых кодов, где это возможно».

Answer 2

Если вы просто заинтересованы в минимизации размера загрузки для вашего CSS-файла, вы можете использовать один из множества доступных CSS-компрессоров (например, this one). И не забудьте сделать то же самое с вашими файлами JavaScript, пока вы на нем.

Answer 3

Вы можете сократить цветовые коды CSS до трехсимвольной версии, если они принимают форму

#XXYYZZ

Тогда они могут быть сокращены

#XYZ

Существует только 216 различных кодов, которые соответствуют этому требованию.