🗜️

ಉಚಿತ CSS ಮಿನಿಫೈಯರ್ ಮತ್ತು ಬ್ಯೂಟಿಫೈಯರ್

ಫೈಲ್ ಗಾತ್ರ ಕಡಿಮೆ ಮಾಡಲು CSS ಅನ್ನು ಮಿನಿಫೈ ಮಾಡಿ ಅಥವಾ ಓದುವಿಕೆಗಾಗಿ ಮಿನಿಫೈ ಮಾಡಿದ CSS ಅನ್ನು ಸುಂದರಗೊಳಿಸಿ. ತಕ್ಷಣ, ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ.

ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಚಲಿಸುತ್ತದೆನೋಂದಣಿ ಇಲ್ಲ, ಪಾಪ್-ಅಪ್‌ಗಳಿಲ್ಲಯಾವುದೇ ಲಾಗಿನ್ ಅಗತ್ಯವಿಲ್ಲಶಾಶ್ವತವಾಗಿ ಉಚಿತ

ಒಮ್ಮೆ ಲೋಡ್ ಆದ ನಂತರ ಆಫ್‌ಲೈನ್‌ನಲ್ಲಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ

ಅಥವಾ ಕೆಳಗೆ .css ಫೈಲ್ ಬಿಡಿ

.css ಫೈಲ್ ಅನ್ನು ಇಲ್ಲಿ ಬಿಡಿ, ಅಥವಾ ಬ್ರೌಸ್ ಮಾಡಲು ಕ್ಲಿಕ್ ಮಾಡಿ

CSS · ಫೈಲ್ ಗಾತ್ರದ ಮಿತಿಯಿಲ್ಲ

ಅಥವಾ ನಿಮ್ಮ ಕ್ಲಿಪ್‌ಬೋರ್ಡ್‌ನಿಂದ ಅಂಟಿಸಲು Ctrl+V ಒತ್ತಿ

ಫೈಲ್‌ಗಳನ್ನು ಬ್ರೌಸ್ ಮಾಡಿ

ಇನ್‌ಪುಟ್ CSS

ಔಟ್‌ಪುಟ್ CSS

ಔಟ್‌ಪುಟ್ ಇಲ್ಲಿ ಕಾಣಿಸುತ್ತದೆ…

ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

ಈ ಟೂಲ್ JavaScript ನಲ್ಲಿ ಸಂಪೂರ್ಣವಾಗಿ ನಿರ್ಮಿಸಲಾದ ಕೈಯಿಂದ ಬರೆದ, ಶೂನ್ಯ-ಅವಲಂಬನೆಯ CSS ಟೋಕನೈಜರ್ ಬಳಸುತ್ತದೆ — ಯಾವುದೇ ಬಾಹ್ಯ ಲೈಬ್ರರಿಗಳಿಲ್ಲ, ಸರ್ವರ್ ಕರೆಗಳಿಲ್ಲ. ಟೋಕನೈಜರ್ ಯಾವುದೇ ರೂಪಾಂತರಗಳನ್ನು ಅನ್ವಯಿಸುವ ಮೊದಲು ಪ್ರತಿ ಅಕ್ಷರವನ್ನು ಕೋಡ್, ಕಾಮೆಂಟ್, ಉಲ್ಲೇಖಿತ ಸ್ಟ್ರಿಂಗ್, ಅಥವಾ url() ಮೌಲ್ಯ ಎಂದು ವರ್ಗೀಕರಿಸುತ್ತದೆ, ಇದು ಖಾಲಿ-ಜಾಗ ನಿಯಮಗಳು ಸ್ಟ್ರಿಂಗ್ ವಿಷಯಗಳು, ಡೇಟಾ URI ಗಳು, ಅಥವಾ calc() ಎಕ್ಸ್‌ಪ್ರೆಶನ್‌ಗಳನ್ನು ಹಾಳುಮಾಡುವುದನ್ನು ತಡೆಯುತ್ತದೆ.

1
ಟೋಕನೈಸೇಶನ್ ಪಾಸ್
ಇನ್‌ಪುಟ್ CSS ಅನ್ನು ಅಕ್ಷರ-ಅಕ್ಷರವಾಗಿ ಸ್ಕ್ಯಾನ್ ಮಾಡಿ ಟೈಪ್ ಮಾಡಿದ ಟೋಕನ್‌ಗಳಾಗಿ ವಿಭಜಿಸಲಾಗುತ್ತದೆ: ಕಚ್ಚಾ ಕೋಡ್ ವಿಭಾಗಗಳು, /* ... */ ಕಾಮೆಂಟ್‌ಗಳು, ಉಲ್ಲೇಖಿತ ಸ್ಟ್ರಿಂಗ್‌ಗಳು (ಎಸ್ಕೇಪ್ ಅನುಕ್ರಮಗಳನ್ನು ಸಂರಕ್ಷಿಸುತ್ತದೆ), ಮತ್ತು url(...) ಬ್ಲಾಕ್‌ಗಳು. ಇದು ಮುಂದಿನ ಹಂತದ ರೂಪಾಂತರಗಳು ನಿಜವಾದ CSS ಸಿಂಟ್ಯಾಕ್ಸ್ ಅನ್ನು ಮಾತ್ರ ಸ್ಪರ್ಶಿಸುತ್ತವೆ ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ — ಸ್ಟ್ರಿಂಗ್ ಲಿಟರಲ್ ಅಥವಾ ಡೇಟಾ URI ಯ ವಿಷಯಗಳನ್ನಲ್ಲ.
2
ಮಿನಿಫಿಕೇಶನ್ ಅಥವಾ ಬ್ಯೂಟಿಫಿಕೇಶನ್
Minify ಮೋಡ್‌ನಲ್ಲಿ, ಸಾಮಾನ್ಯ ಕಾಮೆಂಟ್‌ಗಳನ್ನು ಬಿಡಲಾಗುತ್ತದೆ (/*! license */ ಕಾಮೆಂಟ್‌ಗಳನ್ನು ಇಟ್ಟುಕೊಳ್ಳಲಾಗುತ್ತದೆ), ಕೋಡ್ ಟೋಕನ್‌ಗಳಲ್ಲಿನ ಖಾಲಿ-ಜಾಗದ ಸಾಲುಗಳನ್ನು ಒಂದೇ ಸ್ಪೇಸ್‌ಗಳಿಗೆ ಕುಗ್ಗಿಸಲಾಗುತ್ತದೆ, ಮತ್ತು { } : ; , > ~ ಸುತ್ತಲಿನ ವಿರಾಮಚಿಹ್ನೆ-ಪಕ್ಕದ ಖಾಲಿ-ಜಾಗವನ್ನು ತೆಗೆದುಹಾಕಲಾಗುತ್ತದೆ. calc() ಎಕ್ಸ್‌ಪ್ರೆಶನ್‌ಗಳನ್ನು ಹಾಳುಮಾಡುವುದನ್ನು ತಪ್ಪಿಸಲು + ಮತ್ತು - ಸುತ್ತಲಿನ ಸ್ಪೇಸ್‌ಗಳನ್ನು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ಬಿಡಲಾಗುತ್ತದೆ. Beautify ಮೋಡ್‌ನಲ್ಲಿ, ಕೋಡ್ ಅನ್ನು ಮೊದಲು ಸ್ವಚ್ಛ ಬೇಸ್‌ಲೈನ್‌ಗೆ ಮಿನಿಫೈ ಮಾಡಿ, ನಂತರ a:hover ನಂತಹ ಸೆಲೆಕ್ಟರ್ ಕೊಲನ್‌ಗಳಿಂದ property: value ಕೊಲನ್‌ಗಳನ್ನು ಪ್ರತ್ಯೇಕಿಸಲು ಎರಡು-ಸ್ಪೇಸ್ ಆಳ ಟ್ರ್ಯಾಕಿಂಗ್ ಮತ್ತು ಘೋಷಣೆ-ಕೊಲನ್ ಪತ್ತೆಯೊಂದಿಗೆ ಮತ್ತೆ-ಟೋಕನೈಸ್ ಮಾಡಿ ಮತ್ತೆ-ಇಂಡೆಂಟ್ ಮಾಡಲಾಗುತ್ತದೆ.
3
Gzip ಗಾತ್ರ ಅಂದಾಜು
ಔಟ್‌ಪುಟ್ ಉತ್ಪಾದಿಸಿದ ನಂತರ, ಬ್ರೌಸರ್‌ನ ಸ್ಥಳೀಯ CompressionStream API ಫಲಿತಾಂಶವನ್ನು gzip ನೊಂದಿಗೆ ಸಂಕುಚಿತಗೊಳಿಸಿ ಫಲಿತಾಂಶದ ಬೈಟ್ ಎಣಿಕೆಯನ್ನು ಅಳೆಯಲು ಬಳಸಲಾಗುತ್ತದೆ. ಇದು gzip ಸಂಕೋಚನದೊಂದಿಗೆ ವೆಬ್ ಸರ್ವರ್ ನೆಟ್‌ವರ್ಕ್ ಮೂಲಕ ಕಳುಹಿಸುವುದಕ್ಕೆ ಹೊಂದಿಕೆಯಾಗುವ ವಾಸ್ತವಿಕ ವರ್ಗಾವಣೆ-ಗಾತ್ರ ಅಂದಾಜನ್ನು ನೀಡುತ್ತದೆ.
4
ನಕಲಿಸಿ ಅಥವಾ ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ
ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಿದ CSS ಅನ್ನು Clipboard API ಮೂಲಕ ಕ್ಲಿಪ್‌ಬೋರ್ಡ್‌ಗೆ ಬರೆಯಲಾಗುತ್ತದೆ, ಅಥವಾ text/css MIME ಪ್ರಕಾರದ Blob ಬಳಸಿ styles.min.css (minify ಮೋಡ್) ಅಥವಾ styles.css (beautify ಮೋಡ್) ಆಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಲಾಗುತ್ತದೆ. ನೀವು ಟೈಪ್ ಮಾಡುತ್ತಿದ್ದಂತೆ ಗಾತ್ರ ಕಡಿತ ಶೇಕಡಾವಾರು ನೇರವಾಗಿ ತೋರಿಸಲಾಗುತ್ತದೆ.