Фрее Цонвертер

ЦСС Минифиер

Умањите и компресујте ЦСС стилове тренутно у вашем претраживачу. Уклоните коментаре, скупите размак и смањите величину датотеке. Бесплатно и приватно.

Превуците и отпустите ЦСС датотеку овде

Подржава .цсс датотеке. Или налепите свој ЦСС изнад.

Ор

О овом алату

ЦСС минификација уклања размак, коментаре и непотребне знакове из стилова да би се смањила његова величина пре него што се прикаже у прегледачима. Стварна правила су непромењена: минимизирани стилски лист приказује странице идентично неминификованом извору. Уштеде долазе од уклањања нових редова, сувишних тачака и зареза, коментара, могућности скраћења хексадецималне боје и пречица за нулту јединицу (замена 0пк са 0).

На модерним веб локацијама са десетинама стилских правила, типично смањење је 20–40% у односу на неминификовани извор. У комбинацији са гзип компресијом на серверу, маргинална уштеда се смањује — гзип већ ефикасно компримује поновљени текст — али ова комбинација и даље надмашује саму компресију, посебно када се листови стилова кеширају и много пута сервирају многим посетиоцима.

Овај минифификатор обрађује ЦСС у једном пролазу, уклањајући коментаре изван вредности урл(), сажимајући размак, уклањајући сувишне тачке и зарезе пре затварања заграда, примењујући скраћеницу нулте јединице и претварајући шестоцифрене хексадецималне боје у троцифрени облик где је то могуће (#фффффф → #ффф). Излаз остаје важећи ЦСС који било који претраживач правилно анализира.

Зашто минимизирати ЦСС

Мање ЦСС датотеке се брже учитавају и време блокирања рендеровања опада, што побољшава резултате прве боје са садржајем и највећег садржаја боје. За сајтове на којима Цоре Веб Виталс утичу на рангирање претраге, сваки килобајт ЦСС-а који блокира рендеровање је вредан труда.

Трошкови пропусног опсега такође су битни по обиму. Сајтови који служе милионима приказа страница штеде мерљиве количине излаза када су њихови листови стилова 30% мањи. Рачуни за ЦДН, коришћење мобилних података и потрошња енергије имају малу корист. Минификација је у суштини бесплатна — једнократни корак изградње без трошкова одржавања.

Како користити

Налепите ЦСС, преузмите минимизирану верзију.

  1. Налепите свој ЦСС: Испустите .цсс датотеку или налепите ЦСС извор у област за унос. Минифификатор прихвата било који важећи ЦСС — модерну синтаксу укључујући ЦСС променљиве, цалц(), грид и флекбок.
  2. Изаберите опције: Подразумеване поставке уклањају коментаре, скупљају размак и примењују уобичајене пречице. Можете да онемогућите одређене трансформације ако желите да сачувате коментаре или одређено форматирање.
  3. Минифи: Умањивач шета ЦСС-ом, примењујући сваку омогућену трансформацију. Излаз је функционално идентичан ЦСС-у са смањеном величином.
  4. Користите излаз: Копирајте или преузмите. Замените изворни ЦСС у излазу своје верзије са минимизираном верзијом или покрените минификацију као корак изградње у свом алату.

Уобичајени случајеви употребе

Тецхницал Детаилс

ЦСС минификација је углавном конзервативно уклањање размака. Размак унутар селектора, декларација и вредности је сачуван тамо где је значајан; размак споља је скупљен. Коментари се уклањају осим ако не почињу са /*! (коментари о очувању лиценце).

Уобичајене пречице: 0пк, 0ем и сличне вредности нулте јединице постају 0; шестоцифрене хексадецималне боје са упареним цифрама (#фффффф, #336699) постају троцифрене (#ффф, #369); последња тачка-зарез пре } је уклоњена. Називи боја се не конвертују аутоматски у хексадецимални јер је хексадецимални понекад дужи (црвена је краћа од #ф00 по дужини; #фф0000 је дужа од црвене).

Излаз треба да прође било који ЦСС валидатор који прихвата унос. Подршка претраживача је непромењена — минификација не мења сама правила, већ само њихов текстуални приказ.

Најбоље праксе

Често постављана питања

Шта уклања ЦСС минификација?
Размак (размаци, табулатори, нови редови), коментари (/* ... */), непотребне тачке и зарезе, сувишне нуле (0,5 → .5), скраћене оптимизације (#фффффф → #ффф) и сувишне јединице (0пк → 0).
Да ли је минимизирани ЦСС безбедан за употребу у производњи?
Да. Минификација чува сва ЦСС правила, селекторе и вредности својстава. Излаз је функционално идентичан — претраживачи га тумаче на потпуно исти начин. То је стандардна пракса за све производне веб странице.
Колико смањење величине треба да очекујем?
Обично 20-50% за добро написан ЦСС. Код јако коментарисаног кода са опширним форматирањем види се већа смањења. Већ компактан ЦСС може да се смањи само 10-15%.
Да ли треба да смањим ЦСС ако користим гзип?
Да, обоје. Гзип компримује поновљене обрасце, док минимификација уклања непотребне знакове. Заједно обезбеђују бољу компресију него било које појединачно. Минификовани + гзиповани ЦСС је обично 85-95% мањи од оригинала.
Да ли увек треба да минимизирам?
За производњу да. За развојне изворне датотеке, не — читљив ЦСС је од суштинског значаја за одржавање. Покрени минимизацију у време израде, а не у време уређивања.
Да ли је мој ЦСС постављен на сервер?
Не. Минифиер ради у вашем претраживачу.
Како се ово може поредити са цсснано или цссо?
цсснано и цссо су ПостЦСС додаци за производне верзије; нуде агресивније трансформације као што је спајање сувишних правила. Овај алат покрива основну минификацију за ад-хоц употребу без подешавања изградње.
Да ли минификација разбија изворне мапе?
Минификација не генерише изворне мапе; овај алат производи само минимизирани излаз. Да бисте отклонили грешке у минимизираном ЦСС-у у продукцији, генеришите изворне мапе као део своје израде.