HTML 메일 링을 코딩하는 방법은 무엇입니까?

문제

HTML + 이미지에있는 고객에게 대량 이메일을 보낼 준비를하고 있습니다. 가장 인기있는 메일 클라이언트에서 올바르게 표시 할 일반 규칙은 무엇입니까?

편집하다:

글쎄, 그것은 내 고객을위한 것입니다 - 약 K 고객은 거의 없습니다.

내 질문은 -이 이메일을 코딩하는 방법은 고객 우편 클라이언트 (Thunderbird, Outlook, Gmail)에 올바르게 표시 될 수 있습니다. 어떤 CSS 태그를 사용할 수 있습니까?

해결책

이 두 참조는 시작하기에 좋은 장소입니다

분명히 사용합니다 HTML 3.0 호환 태그와 서식이 가장 잘 작동합니다 모든 이메일 독자 및 제공 업체.

다른 팁

살펴보십시오 email-standards.org, 그들은 있습니다 산성 테스트 그들이 달리는 것 가장 인기있는 고객, 그리고 테스트 한 다른 CSS 선택기 및 HTML 태그 목록을 볼 수 있으며 스크린 샷 실제 결과, 무엇이 작동하고 무엇이 그렇지 않은지.

도움이 되었기를 바랍니다!

HTML 이메일에 대한 일반 규칙 :

웹 기반 클라이언트 (Hotmail, Yahoo, Gmail)를 포함하여 대부분의 메일 클라이언트에서 이메일이 괜찮아 보일 수 있습니다.

어딘가에서 호스팅하기위한 대안으로 인라인 이미지를 포함시킬 수 있습니다.

HTML의 IMG SRC는 CID : Mime-Part-Name입니다.

이미지를 MIME 부분으로 첨부하십시오.

그러나 그 외에도 HTML 및 CSS 간단한 상태를 유지하십시오 - 이메일 프로그램은 브라우저보다 렌더러가 더 나빠서 여러 전자 메일 프로그램과 Hotmail 및 Gmail에서 테스트하십시오.

일부 이메일 클라이언트가 HTML을 렌더링하지 않는다는 사실을 고려해야합니다. MIME 표준은 Multipart 이메일을 지원합니다. 메시지의 다른 부분에 대해 다른 경계를 정의합니다.

이미지를 사용해야하는 경우 이미지를 매우 작게 유지하고 인라인으로 유지하십시오. 많은 우편 고객은 스패머가 이메일을 읽을만큼 멍청한 사람을 추적하기 위해 외부 이미지에 대한 링크를 렌더링하는 것을 거부합니다.

이들 중 일부는 매우 좋습니다. 나는 그냥 요약하고 다른 몇 가지 팁을 추가하겠습니다.

테이블 기반 레이아웃을 사용하십시오
JavaScript가 없습니다
최소 CSS- 많은 것들이 작동하지 않습니다
모든 CSS는 인라인이어야합니다
어떤 종류의 배경 이미지도없고 Outlook 2007에서 렌더링하지 않습니다.
호스팅 된 이미지에 대한 링크. 인라인 이미지가 작동 할 수 있지만 메일 서버의 크기 제한이 매우 신중하지 않으면이를 바운스합니다.
메일 클라이언트가 이미지를 차단할 때 무언가가 표시되도록 이미지에 Alt Tags를 사용해야합니다.
이미지를 차단하는 클라이언트를위한 이메일의 텍스트 버전 포함
가능한 한 많은 고객에서 테스트하십시오. 특히 Outlook 2007 및 Gmail. Gmail은 텍스트 정렬로 이상한 일을하는 경향이 있습니다

HTML 이메일 유형. 이미지는 인터넷 어딘가에 호스팅 된 다음 HTML에 링크로 포함되어야합니다.

HTML 코드를 생성하면 메시지 본문입니다. 메일 메시지의 유형은 HTML입니다!

모두 가이 작업을 수행합니다. 거기에는 백만 가지 예가 있습니다.

나는 이것이 당신이 요청한 것이 아니라는 것을 알고 있지만, 당신은 시도 했습니까? Mailchimp? 그들은 훌륭한 서비스를 받았습니다.

또한 MailChimp 또는 CampainMonitor와 같은 제 3자를 추천하고, 구독 관리 및 튀는 점검과 같은 많은 추가 물건을 다루고, 개방 등에 대한 통계를 제공합니다.

Outlook 2007에는 표시되지 않으므로 배경 이미지를 피하십시오. (2007 버전의 Outlook은 Word의 HTML 렌더링 엔진을 사용합니다 ...)

태그가있는 테이블 레이아웃을 사용하여 올바른 얼굴과 색상의 텍스트를 렌더링 할 수 있고 올바른 크기를 대략적으로 사용하여 CSS를 지원하는 이메일 클라이언트에서 올바르게 렌더링합니다.

CSS에 너무 복잡하지 마십시오 ...

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow