html을 압축하는 좋은 사이트 알려드립니다.

게시자: 대문 demun 카테고리: 퍼블리셔/도구 2013.01.08 05:00

Sublime text 2에서도 html 을 압축할 수 있습니다.

Sublime text 2에서 html 압축하기(HTML Compressor) -> http://demun.tistory.com/2244


하지만 단점이 있습니다. 

주석을 모두 제거합니다.

물론 주석까지 모두 제거하고 압축을 하는것이 맞습니다만 티스토리의 사이드바를 나타내는 정보는 주석을 통해서 나타냅니다.

그래서 주석은 남겨두고 압축을 해야 됩니다.


하지만 서브라임 텍스트는 그런 기능이 있는지는 모르겠으나 찾을길이 없습니다.

해서 찾은 사이트가 htmlcompressor -> http://htmlcompressor.com/compressor.html 입니다.


이곳은 온라인 압축 사이트 입니다.

저의 경우 압축을 하되 주석을 없애지말고 같이 압축해주길 원합니다. 그리고 최대한 압축하죠.


아래 이미지를 보시면 왼쪽 Source  에 놓고 코드를 넣습니다.




우측에 Single line html output 에 체크하면 압축해서 한줄로 한다는 이야기입니다. 즉 줄바꿈없이 압축을 한다는 이야기 입니다.

그 아래 Preserve all x/html comments 에 체크를 하면 주석을 없애지않고 같이 압축을 합니다.

그런 다음 아래 녹색버튼인 Compress 를 클릭합니다.





이처럼 얼마나 압축이 되어서 경량화 되었는지 직관적으로 보여줍니다.

위에 보시면 다음탭인 Compressed 로 넘어간것을 알수 있습니다.


여러가지 옵션이 있고, 빠른시간내에 오류없이 잘 압축합니다.

여러분도 사용해보세요.



추가합니다.

압축할때 "" 를 생략해서 오류가 나는경우가 있습니다.

아래처럼 " 따옴표를 삭제하지 않도록 체크하고 사용하세요.




참고로 저는 압축할때 그 위에란인 한출로 출력도 체크합니다.


신고

댓글

  1. 2014.06.07 19:49 신고 초코땡  댓글주소  수정/삭제  댓글쓰기

    안녕하세요, 구글 블로그를 사용중입니다.

    구글 블로그의 경우 blogger 를 클릭하고 압축하면 알아서 html. css. 자바 를 동시에 압축을 하게되는것인가요?

    사용법 상세히 알려주셨으면 합니다... 왕초보라서요..

    감사합니다.