Share |

포스트를 읽고 계신 분들이라면 htmlcompressor.com를 이미 알고 계실겁니다. html 또는 CSS 등의 최적화에 가장 많이 애용되는 사이트죠. 저역시 적잖은 도움을 받은 사이트입니다. 그런데, htmlcompressor.com을 통해 압축을 하면 <!-- 머시기 머시기 --> 이렇게 표시되는 주석이 삭제가 되는 게 당연하다고 알고 그렇게 포스팅까지 한 경우도 있더군요.



사실 자세히 보면 htmlcompressor.com사이트에서 제공하는 옵션만 적용하면 바로 해결될 문제인데... 이를 못보는 경우가 있는 것 같습니다. 그래서 간단히 html을 압축하면서 주석은 그대로 보존하는 방법에 대해 포스팅하고자 합니다.


 


상기 htmlcompressor.com사이트의 압축 기본 옵션은 아래와 같습니다.



상기 이미지에 표시된 부분만 설정해 주면 문제없이 최적의 압축을 할 수 있습니다.

다른 건 기존 하시던 대로 하면 될테고... 


제가 말씀드릴 것은 <!-- 머시기 머시기 -->와 같은 주석을 그대로 둔 채로 압축할 수 있는 방법에 대한 것이니까... 파랗게 표시한 부분을 중점으로 요약해서 설명드립니다. 뭐~ 얘긴 끝났네요. ^^


"Preserve all x/html comments"는 모든 주석을 그대로 두란 얘깁니다. 그러니까 주석을 유지하고 압축을 하기 위해서는 당연히 여기에 체크를 한 후 압축을 하면 되겠죠? ^^

상기와 표시한 부분을 설정한 화면은 다음과 같습니다. 이미지가 좀 작지만 이해하시는데는 큰 어려움이 없을 거라 생각합니다. 쿨럭~ ㅎ




블로그 스킨을 새롭게 단장하고 이렇게 저렇게 손을 본 후 마지막으로 코드 압축을 하고 나니까 어느정도 정리가 된듯 합니다. ^^ 암튼 인터넷에서 뭘 하든 코드로 모든 것이 이루어지는 것이고 이게 모두 용량과 직결된다는 점에서 압축을 한다는 건 간과할 부분이 못된다는 생각입니다.


html 압축하려고 하시는 분들께 조금이나마 도움이 되는 내용이었으면 합니다. ^^



조금 이라도 도움되셨다면, 아래 공감 단추도 꾸~욱 눌러주세요. :)






Share |

{ ? }※ 스팸 트랙백 차단중 ...
   

BLOG main image
디지털리스트 hisastro
디지털 세상은 나눔으로 이루어져 있습니다. 마치 사람人이라는 글자처럼... 따끈따끈한 디지털 기기처럼 따스한 마음으로 함께하고자 합니다.
by 그별

카테고리

Blog 칸칸 (2087)
디지털이야기 (885)
생각을정리하며 (366)
내가엮는이야기 (11)
타임라인 논평 (80)
좋은글 (42)
짧은글긴기억... (136)
기능성 디자인 (154)
아이작품들 (36)
맞아 나도그래 (13)
사회복지정보 (27)
그냥 (238)
제안서 만들기 (97)

달력

«   2024/10   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
get rssget rss Tistory 디지털hisastro rss

따끈한 포스트를 배달해 드립니다 :)