티스토리 뷰
웹 디자이너와 협업 시에 공유하면 좋은 내용입니다.
CSS 디자인 코리아의 운영그룹 중 한 분이 잘 정리해 놓은 내용입니다.
간단 요약(메일 사이트, 클라이언트 프로그램을 총칭하여 메일 도구라고 표시 했습니다)
1. 메일 도구는 CSS를 정상 지원하지 않는 경우가 있으니 레이아웃을 구성할 필요가 있다면 배치용 테이블을 이용할 것
2. 많은 메일 도구는 HTML의 head 부분을 반영하지 않으므로 <head>에 별도의 요소를 넣지말고, 스타일이 필요할 경우 inline 스타일을 이용할 것
3. 중요한 내용을 담은 이미지의 경우 배경으로 제공하지 말 것
4. 메일 도구가 이미지를 차단할 수 있으니, 가급적이면 중요한 내용은 이미지로 제작하지 말것
5. 이미지가 출력되지 않을 경우를 대비하여 이미지에는 대체 텍스트를 제공할 것
6. 이미지의 경로는 절대경로(전체 URL)로 작성할 것
7. 이미지 파일을 작게 만들고, JPG, GIF, PNG 확장자를 사용할 것
8. 플래시 등의 멀티미디어 파일이 동작하지 않을 가능성이 높으므로 첨부하지 말 것
9. 메일 도구에서 읽을 수 있는 화면의 범위가 좁으므로 폭 800px 이하로 작성할 것
참고 사이트
http://www.email-standards.org
http://www.vdotmedia.com/blog/9-best-practices-for-email-design/
반응형
댓글