ਮੁਫਤ ਔਨਲਾਈਨ CSS ਮਿਨੀਫਾਈ/ਫਾਰਮੈਟਰ

Input data
bfotool loadding
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Output data
bfotool loadding
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

CSS Minify ਟੂਲ

CSS ਨੂੰ ਮਿਨਿਫਾਇੰਗ ਕਰਨ ਨਾਲ ਸੁੰਦਰ, ਚੰਗੀ ਤਰ੍ਹਾਂ ਬਣਿਆ CSS ਕੋਡ ਲੱਗਦਾ ਹੈ ਜੋ ਤੁਸੀਂ ਲਿਖਿਆ ਹੈ ਅਤੇ ਸਪੇਸਿੰਗ, ਇੰਡੈਂਟੇਸ਼ਨ, ਨਵੀਆਂ ਲਾਈਨਾਂ ਅਤੇ ਟਿੱਪਣੀਆਂ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ। CSS ਦੀ ਸਫਲਤਾਪੂਰਵਕ ਵਰਤੋਂ ਕਰਨ ਲਈ ਇਹਨਾਂ ਤੱਤਾਂ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ। ਇਹ CSS ਨੂੰ ਪੜ੍ਹਨਾ ਵਧੇਰੇ ਮੁਸ਼ਕਲ ਬਣਾਉਂਦਾ ਹੈ.

ਬਹੁਤ ਸਾਰੇ ਡਿਵੈਲਪਰਾਂ ਦਾ 'ਸਭ ਤੋਂ ਵਧੀਆ ਅਭਿਆਸ' ਇੱਕ 'ਸੁੰਦਰ' ਸੰਸਕਰਣ ਨੂੰ ਕਾਇਮ ਰੱਖਣਾ ਹੈ, ਅਤੇ ਜਦੋਂ ਉਹਨਾਂ ਦੇ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਰੋਲ ਆਊਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਇੱਕ ਮਿਨੀਫੀਕੇਸ਼ਨ ਪ੍ਰੋਗਰਾਮ ਦੁਆਰਾ ਸਟਾਈਲ ਚਲਾਏਗਾ। ਉਹ ਆਪਣੀਆਂ ਕਈ ਸ਼ੈਲੀ ਦੀਆਂ ਫਾਈਲਾਂ ਨੂੰ ਇੱਕ ਫਾਈਲ ਵਿੱਚ ਵੀ ਜੋੜ ਦੇਣਗੇ।

 

CSS ਮਿਨੀਫਾਇਰ ਦੀ ਵਰਤੋਂ ਕਿਉਂ ਕਰੀਏ?

Minifcation ਦਾ ਉਦੇਸ਼ ਇੱਕ ਵੈਬਸਾਈਟ ਦੀ ਗਤੀ ਨੂੰ ਵਧਾਉਣਾ ਹੈ. ਮਿਨੀਮਾਈਜ਼ੇਸ਼ਨ ਇੱਕ ਸਕ੍ਰਿਪਟ ਨੂੰ 20% ਤੱਕ ਛੋਟਾ ਬਣਾ ਸਕਦੀ ਹੈ, ਨਤੀਜੇ ਵਜੋਂ ਇੱਕ ਤੇਜ਼ ਡਾਊਨਲੋਡ ਸਮਾਂ ਹੁੰਦਾ ਹੈ। ਕੁਝ dev elopers ਵੀ ਇਸਦੀ ਵਰਤੋਂ ਆਪਣੇ ਕੋਡ ਨੂੰ 'ਅਸਪਸ਼ਟ' ਕਰਨ ਲਈ ਕਰਨਗੇ। ਇਹ ਕੋਡ ਨੂੰ ਪੜ੍ਹਨਾ ਔਖਾ ਬਣਾਉਂਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਰਿਵਰਸ ਇੰਜੀਨੀਅਰ ਜਾਂ ਕਾਪੀ ਕਰਨਾ ਹੋਰ ਵੀ ਮੁਸ਼ਕਲ ਹੋ ਜਾਂਦਾ ਹੈ।

 

CSS Minify ਉਦਾਹਰਨ

ਅੱਗੇ:

.headbg{
    margin:0 8px 
}
a:link,a:focus{
    color:#00c 
}
a:active{
    color:red 
}

ਬਾਅਦ:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }