압축된 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를 변환해서 적용, 수정을 하다보니 자잘한 문제가 있어 원본을 사용하고 있습니다.

 

저작자 표시 비영리 변경 금지
신고
  • SONYLOVE 2017.01.08 12:47 신고

    압축해제하는 방법이 있었네요.
    오류 같은거 있어도 티가 나지 않으면 찾기 힘들었는데 압축해제후 검사해봐야겠어요.

    • 가온누리™ 2017.01.08 13:41 신고

      이 글을 쓰면서 저도 압축을 해제해서 적용해 두긴 했는데 잘 되고있는거겠죠..? ㅎㅎ