CSS Minify 도구- 무료 온라인 CSS Minifier 및 Compressor

Input data
bfotool loadding
Output data
bfotool loadding

 

CSS Minify 도구

CSS 축소는 사용자가 작성한 아름답고 잘 구성된 CSS 코드에서 공백, 들여쓰기, 줄바꿈, 주석을 제거합니다. 이러한 요소들은 CSS를 제대로 사용하는 데 필수적이지 않습니다. 또한 CSS를 읽기 어렵게 만듭니다.

많은 개발자의 '모범 사례'는 '미화된' 버전을 유지하고, 프로젝트를 출시할 때 스타일을 축소 프로그램을 통해 실행하는 것입니다. 또한 여러 스타일 파일을 하나의 파일로 통합하기도 합니다.

 

CSS Minifier를 사용하는 이유는 무엇인가요?

미니화의 목적은 웹사이트 속도를 높이는 것입니다. 최소화를 통해 스크립트 크기를 최대 20%까지 줄여 다운로드 시간을 단축할 수 있습니다. 일부 개발자는 코드를 '난독화'하는 데에도 미니화 기법을 사용합니다. 이렇게 하면 코드를 읽기 어려워지고, 결과적으로 리버스 엔지니어링이나 복사가 더욱 어려워집니다.

 

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 }