압축된 css(style.css)파일 압축 해제하는 방법.

압축된 css(style.css)파일을 압축 해제하는 방법을 알아 보겠습니다.

 

제가 마크쿼리4.0(spider's web) 반응형 스킨을 설치하고 이것저것 자잘한 부분을 수정하고 있는데 css(style.css)부분을 보면 코드가 다닥다닥 붙혀져있어 수정이 힘듭니다.

 

엄청난 길이의 코드가 단 한줄로 되어 있습니다.

 

이렇게 만들어진 css 스타일 시트는 압축되어있는거랍니다. 마크쿼리스킨을 배포할때 스킨이 로딩될때 조금이라도 빠르게 반응하기위해 스타일 시트를 압축하셨을수 있지만 스킨을 수정할때는 이 부분이 아주 불편 합니다.

 

압축된 스타일 시트를 간단하게 풀어보겠습니다.

 

압축된 css(style.css)파일 간단하게 압축 해제하기.

압축된 css를 압축해제하는 전용프로그램들도 많지만 간단하게 온라인으로 해결해 보겠습니다.

 

CSS압축 해제하기: http://unminify.com/

 

링크로 접속하면 위 화면이 나오는데 변환하고자 하는 스타일 시트 코드를 넣고 'Unminify'버튼을 클릭하시면 됩니다.

 

몇초 후 위 이미지처럼 css코드를 예쁘게 정리해서 보여줍니다. 정리된 코드창에 마우스를 한번 찍고 Ctrl +a -> Ctrl +c키를 차례로 눌러 변환된 코드를 복사 하세요.

 

복사된 코드를 사용하시면 됩니다. 저는 마크쿼리스킨의 CSS를 변환했기에 스킨편집 ->CSS항목에 붙혀넣어 사용중입니다.

 

이렇게 압축된 CSS코드를 압축해제해서 사용해도 블로그 속도에 영향이 있는지 없는지 모를정도랍니다.

 

CSS압축 해제하기: http://unminify.com/

 

마크쿼리4.0 스킨의 CSS를 변환해서 적용, 수정을 하다보니 자잘한 문제가 있어 원본을 사용하고 있습니다.