HTML최적화, CSS최적화, image Sprites 프로그램 - N-MET
요약 : N-MET (HTML, CSS 최적화 프로그램) v1.3.2 - 소개 및 사용법
테스트 환경 : 윈도우 7 얼티밋 K (32비트) 서비스팩1제작 : http://html.nhndesign.com/
라이센스 : 무료
작성자 : 해커 C
주의 : 실제와 다른 내용이 포함 될 수도 있음
안녕하세요? 해커 C 입니다. ㅎㅎ
웹 표준을 잘 지키는 웹페이지를 만드는 하루 보내세요 ~ ^^*
이번에 소개해 드릴 프로그램은 마크업 도구 중 가볍게 사용 가능한 'N-MET' 입니다.
NHN 웹 표준 개발팀에서 제작한 것이기 때문에, 믿고 사용해도 될 거 같군요 ~@@
N-MET는 줄인 이름으로 실제 (NHN Markup Enhancement Tool) 입니다.
HTML과 CSS의 최적화를 도와주는 프로그램입니다.
N-MET (HTML, CSS 최적화 프로그램) 시작합니다.
N-MET (HTML, CSS 최적화 프로그램) - 실행 아이콘과 설치경로
아이콘은 간단한 이미지로 사용 하였고요,
기본 설치경로는 (C:\Program Files\NHNCorp\N-MET) 입니다.
NHN 웹 표준팀에서 만들었기에 당연히 기본 한글언어 지원합니다.
전체적인 레이아웃도 깔끔합니다. ㅎㅎ
N-MET (HTML, CSS 최적화 프로그램) - 최적화 변환하기
CSS와 HTML 파일을 불러와서 '변환하기'만 눌러 주시면 됩니다. ㅎㅎ
상단의 탭을 이용하여, CSS와 HTML을 선택해주시면 됩니다.
시간도 오래 걸리지 않습니다.
N-MET (HTML, CSS 최적화 프로그램) - CSS 최적화 결과
먼저 CSS 최적화 결과입니다. 보시는 거와 같이 띄어쓰기(필요없는 띄어쓰기) 부분과,
폰트컬러의 코드 축소 등 최적화가 이루어진걸 보실 수 있을 겁니다.
CSS 최적화와 같은 형태로 필요없는 띄어쓰기와
HTML에 적용된 스타일의 코드들을 최적화합니다.
N-MET (HTML, CSS 최적화 프로그램) - Sprites Generator
CSS Sprites입니다. 아마 처음 접하시거나 무엇인지 감이 오지 않는 분도 있을 거에요.
이건 웹에 사용된 이미지들을 하나로 묶어서 사용할 수 있게 해주는 내용입니다.
프로그램을 소개하는 내용이기 때문에, 보다 상세한 설명은 따로 검색을....ㅠㅠ
웹에 사용된 이미지가 100개일 경우 서버에 요청을 100번을 하게 되지만,
이 100개의 이미지를 하나로 묶어 버리면, 서버에 요청은 1번만 해도,
100개의 이미지를 모두 출력 할 수 있는 그러한 내용입니다.^^
(여기까지만 프로그램 설명을 위해서..)
N-MET (HTML, CSS 최적화 프로그램) - 이미지 추가
이미지는 하나 이상의 다중 선택이 가능 합니다.
웹에 적용하기 위한 CSS코드도 제공 합니다.
이건... 테스트를 못해봤습니다. ㅠㅠ;
N-MET (NHN Markup Enhancement Tool) 을 이용하여,
보다 최적화된 HTML과 CSS를 만들어 보세요. ㅎㅎ
그리고 서버의 요청을 줄이기 위한 이미지 CSS Sprites 기법도 연구해보세요.
HTML과 CSS에 대해 초보 분들께는 유용하고 편안하게 사용될 수 있을 거 같습니다.
프로그램에 너무 의존하면, 자신의 원하는 코드가 만들어지지 않습니다.
표준화되거나 인증이 된 그러한 부분들을 최적화하기 위함이지,
변형되거나 직접 작성하거나, 변칙을 이용하게 되는 그러한 구간들은 정확히 인식하지 못합니다.
전체적은 코드들을 최적화 하기 보단,
자신이 원하는 구간 별로 최적화를 하는 게 좋을 거라 생각이 드네요.
항상, 최적화된 HTML과 CSS를 제공하기 위해 노력중 이신,
N-MET (NHN Markup Enhancement Tool) 개발자 (관계자) 여러분 진심으로 감사합니다.
↑ 다운로드 ↑
N-MET (NHN Markup Enhancement Tool) 의
저작권 보호를 위해 제작사 홈페이지로 이동 합니다.
제작사 홈페이지에서 무료 다운로드 하세요.