CSS બ્યુટિફાયર અને મિનીફાયર

અસ્તવ્યસ્ત CSS ને વાંચવા માટે ફરીથી ઇન્ડેન્ટ કરો, અથવા પબ્લિશ કરવા માટે તેને મિનીફાય કરો — એક સુરક્ષિત મોડ સાથે જે તમારા નિયમોનો ક્રમ ક્યારેય બદલતો નથી.

ઇન્ડેન્ટ
કમ્પ્રેશન
CSS ને બ્યુટિફાય કે મિનીફાય કરવા માટે અહીં પેસ્ટ કરો અથવા ટાઇપ કરો.

તમારું CSS તમારા બ્રાઉઝરમાં જ ફોર્મેટ અને મિનીફાય થાય છે. BroBroGo પર કંઈપણ અપલોડ થતું નથી.

વારંવાર પૂછાતા પ્રશ્નો

Beautify અને Minify વચ્ચે શું તફાવત છે?

Beautify (સુવ્યવસ્થિત કરવું) તમારી સ્ટાઇલ્સને ફરીથી ઇન્ડેન્ટ અને સ્પેસ આપે છે જેથી તે વાંચવામાં અને એડિટ કરવામાં સરળ બને. Minify (નાનું કરવું) તેનાથી વિપરીત કરે છે — તે બ્રાઉઝરને બિનજરૂરી સ્પેસ અને કમેન્ટ્સ દૂર કરે છે અને કલર જેવી વેલ્યુ ટૂંકી કરે છે, જેથી ફાઇલ નાની બને અને ઝડપથી લોડ થાય. કામ કરતી વખતે Beautify કરો, પબ્લિશ કરતા પહેલાં Minify કરો.

Safe અને Optimized કમ્પ્રેશન સેટિંગ્સ શું કરે છે?

Safe મોડ ફક્ત વ્હાઇટસ્પેસ અને કમેન્ટ્સ દૂર કરે છે અને વેલ્યુ ટૂંકી કરે છે, જેનાથી દરેક નિયમ બરાબર ત્યાં જ રહે છે જ્યાં તમે લખ્યો હતો. Optimized મોડ વધુ આગળ વધીને ડુપ્લિકેટ સિલેક્ટર્સ અને નિયમોને મર્જ કરે છે જેથી ફાઇલ વધુ નાની બને — તે નિયમોનો ક્રમ બદલી શકે છે, તેથી સોર્સ ઓર્ડર પર આધારિત સ્ટાઇલશીટ્સ માટે પબ્લિશ કરતા પહેલાં એકવાર ચકાસી લેવું યોગ્ય છે. /*! … */ તરીકે ચિહ્નિત કમેન્ટ્સ બંને મોડમાં સચવાય છે.

શું મિનીફાય કરવાથી મારું પેજ કેવું દેખાય છે તેમાં ફેરફાર થશે?

Safe મોડમાં, ના — તમારું પેજ બિલકુલ પહેલાં જેવું જ દેખાશે. તે વ્હાઇટસ્પેસ ઘટાડે છે, સામાન્ય કમેન્ટ્સ દૂર કરે છે અને વેલ્યુને ટૂંકા સમકક્ષ સ્વરૂપોમાં ફરીથી લખે છે (જેમ કે #ffffff ને #fff તરીકે), અને તે ક્યારેય તમારા વેન્ડર પ્રીફિક્સ અથવા આધુનિક સિન્ટેક્સને બદલતું નથી. Optimized મોડ નિયમોને મર્જ પણ કરે છે, જે લગભગ દરેક સ્ટાઇલશીટ પર સમાન દેખાય છે પરંતુ જો તમારી સ્ટાઇલશીટ નિયમોના ક્રમ પર આધારિત હોય તો તેની ખાતરી કરવી યોગ્ય છે.