HTML을 이미지로 내보낼 때 실제로 자주 막히는 지점들을 정리했습니다. 해상도 계산, 한글 폰트 처리, 리소스 경로 문제는 대부분 원리를 알면 한 번에 해결됩니다.
가로 폭을 얼마로 넣어야 원하는 크기의 이미지가 나오는지, 2배 해상도가 실제로 무엇을 뜻하는지, 세로 길이는 어떻게 결정되는지 설명합니다.
문제 해결내 브라우저에서는 멀쩡한데 변환 결과에서만 폰트가 바뀌는 이유, 사용할 수 있는 기본 폰트 목록, 원하는 폰트를 확실하게 적용하는 방법을 다룹니다.
문제 해결상대 경로로 연결한 이미지와 스타일시트가 결과물에서 사라지는 이유, 그리고 확실하게 반영시키는 세 가지 방법을 정리했습니다.
작성법이미지로 변환될 것을 전제로 HTML을 작성할 때의 원칙과 함정, 그리고 그대로 붙여넣어 쓸 수 있는 완성형 상세페이지 템플릿을 제공합니다.
실무비슷한 이미지를 여러 장 만들어야 할 때 HTML 기반 작업이 유리한 이유와, 기획부터 업로드까지의 실무 순서 및 점검 항목을 다룹니다.