이미지를 이메일에 삽입하는 법

이미지를 이메일에 삽입하는 법

이미지를 이메일에 삽입해야합니다. 어떻게해야합니까?

제 3 자 도구를 사용하고 싶지 않고 언어 별 답변에 관심이 없습니다 (PHP가 궁금 할 경우를 대비하여).

나는 단지 전자 메일 본문의 형식에 관심이 있습니다.

해결법

1. ==============================

   1.아시다시피 전자 메일 메시지가 전달되는 모든 것은 텍스트 화되어야합니다.

   아시다시피 전자 메일 메시지가 전달되는 모든 것은 텍스트 화되어야합니다.

   일반적인 이메일 예는 다음과 같습니다.

   From: foo1atbar.net
   To: foo2atbar.net
   Subject: A simple example
   Mime-Version: 1.0
   Content-Type: multipart/related; boundary="boundary-example"; type="text/html"
   
   --boundary-example
   Content-Type: text/html; charset="US-ASCII"
   
   ... text of the HTML document, which might contain a URI
   referencing a resource in another body part, for example
   through a statement such as:
   <IMG SRC="cid:foo4atfoo1atbar.net" ALT="IETF logo">
   
   --boundary-example
   Content-Location: CID:somethingatelse ; this header is disregarded
   Content-ID: <foo4atfoo1atbar.net>
   Content-Type: IMAGE/GIF
   Content-Transfer-Encoding: BASE64
   
   R0lGODlhGAGgAPEAAP/////ZRaCgoAAAACH+PUNv
   cHlyaWdodCAoQykgMTk5LiBVbmF1dGhvcml6ZWQgZHV
   wbGljYXRpb24gcHJvaGliaXRlZC4A etc...
   
   --boundary-example--
   

   보시다시피 Content-ID : ID는 SRC = "cid : foo4atfoo1atbar.net"의 ID와 일치합니다. 그렇게하면 클라이언트 브라우저가 이미지를 컨텐츠가 아닌 첨부 파일로 렌더링합니다.

   희망이 도움이됩니다.

2. ==============================

   2.세 번째 방법은 base64로 이미지를 인코딩하여 data : url에 저장하는 것입니다.

   세 번째 방법은 base64로 이미지를 인코딩하여 data : url에 저장하는 것입니다.

   예:

   <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACR0lEQVRYha1XvU4bQRD+bF/JjzEnpUDwCPROywPgB4h0PUWkFEkLposUIYyEU4N5AEpewnkDCiQcjBQpWLiLjk3DrnZnZ3buTv4ae25mZ+Z2Zr7daxljDGpg++Mv978Y5Nhc6+Di5tk9u7/bR3cjY9eOJnMUh3mg5y0roBjk+PF1F+1WCwCCJKTgpz9/ozjMg+ftVQQ/PtrB508f1OAcau8ADW5xfLRTOzgAZMPxTNy+YpDj6vaPGtxPgvpL7QwAtKXts8GqBveT8P1p5YF5x8nlo+n1p6bXn5ov3x9M+fZmjDGRXBXWH5X/Lv4FdqCLaLAmwX1/VKYJtIwJeYDO+dm3PSePJnO8vJbJhqN62hOUJ8QpoD1Au5kmIentr9TobAK04RyJEOazzjV9KokogVRwjvm6652kniYRJUBrTkft5bUEAGyuddzz7noHALBYls5O09skaE+4HdAYruobUz1FVI6qcy7xRFW95A915pzjiTp6zj7za6fB1lay1/Ssfa8/jRiLw/n1k9tizl7TS/aZ3xDakdqUByR/gDcF0qJV8QAXHACy+7v9wGA4ngWLVskDo8kcg4Ot8FpGa8PV0I7MyeWjq53f7Zrer3nyOLYJpJJowgN+g9IExNNQ4vLFskwyJtVrd8JoB7g3b4rz66dIpv7UHqg611xw/0om8QT7XXBx84zheCbKGui2U9n3p/YAlSVyqRqc+kt+mCyWJTSeoMGjOQciOQDXA6kjVTsL6JhpYHtA+wihPaGOWgLqnVACPQua4j8NK7bPLP4+qQAAAABJRU5ErkJggg==" width="32" height="32">
   

3. ==============================

   3.Outlook에 이미지를 포함시키고 보안 문제를 피하는 올바른 방법은 다음과 같습니다.

   Outlook에 이미지를 포함시키고 보안 문제를 피하는 올바른 방법은 다음과 같습니다.

4. ==============================

   4.다음은 파일이나 base64 문이나 마임 (걱정하지 않고 포함 된 이미지의 코드를 얻는 방법입니다.이 파일은 여전히 ​​base64이지만 가져 오기 위해 아무 것도하지 않아도됩니다.) 나는 원래이 답변을이 글에 올렸지 만,이 글에서이 대답을 반복하는 것은 가치가있다.

   다음은 파일이나 base64 문이나 마임 (걱정하지 않고 포함 된 이미지의 코드를 얻는 방법입니다.이 파일은 여전히 ​​base64이지만 가져 오기 위해 아무 것도하지 않아도됩니다.) 나는 원래이 답변을이 글에 올렸지 만,이 글에서이 대답을 반복하는 것은 가치가있다.

   이렇게하려면 Mozilla Thunderbird가 필요합니다. 다음과 같이 이미지의 HTML 코드를 가져올 수 있습니다.

   다음과 같은 텍스트 문자열로 끝나야합니다.

   <img src="data:image/png;base64,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" alt="" height="211" width="213">
   

   이것을 문자열 변수로 묶어 HTML 전자 메일 메시지를 표시하는 곳이라면 어디서든 사용할 수 있습니다 (심지어 전자 메일 서명에서도 가능). 장점은 첨부 파일이없고 링크가 없다는 것입니다. (이 코드는 도마뱀을 표시합니다)

   그림은 천 단어의 가치가있다 :

5. ==============================

   5.실제로 이미지를 이메일에 포함시키는 방법에는 두 가지가 있습니다.

   실제로 이미지를 이메일에 포함시키는 방법에는 두 가지가 있습니다.

   첫 번째 방법은 경우에 따라 메시지에 대한 첨부 파일 인 경우에도 사용자가 이미지를 볼 수 있도록합니다. 이 방법은 일상 생활에서 "이메일에 이미지 포함"이라고 부르는 것입니다. 본질적으로 이미지를 이메일에 첨부합니다. 더 좋은 점은 사용자가 어떤 방식 으로든 이미지를 확실히 얻을 수 있다는 것입니다. 단점은 두 가지입니다. 첫째, 스팸 필터는 크고 내장 된 이미지를 찾고 이메일에 이미지를 포함시키기 위해 더 높은 스팸 점수를줍니다 (많은 스패머가 이미지를 사용하여 스팸 필터로 읽은 이메일의 부적절한 콘텐츠를 방지합니다). 둘째, 전자 메일을 무게 또는 킬로바이트 단위로 지불하는 경우 메시지 크기가 커집니다. 조심하지 않으면 전자 메일 공급자의 매개 변수에 비해 메시지가 너무 커질 수도 있습니다.

   이미지를 포함하는 두 번째 방법 (그리고 훨씬 더 일반적인 방법)은 웹 페이지에 이미지를 넣는 것과 같은 방법입니다. 이메일 내에서 웹 페이지에서와 똑같은 방식으로 서버의 이미지 위치에 대한 참조 인 URL을 제공합니다. 여기에는 여러 가지 이점이 있습니다. 첫째, 이미지 때문에 스팸이나 메시지 "무게 측정"에 걸리지 않습니다. 둘째, 오류가 발견되면 이메일을 보낸 후 이미지를 변경할 수 있습니다. 한편으로는 수신자가 이미지를보기 위해 이메일 클라이언트에서 이미지보기를 활성화해야합니다.

6. ==============================

   6.일반적으로 IMG 태그가 콘텐츠 서버를 가리키는 HTML 형식의 SMTP 메시지를 설정하여이 문제를 해결합니다. 일부 이메일 클라이언트는 HTML 이메일을 지원할 수 없기 때문에 텍스트 버전과 HTML 버전을 모두 가지고 있는지 확인하십시오.

   일반적으로 IMG 태그가 콘텐츠 서버를 가리키는 HTML 형식의 SMTP 메시지를 설정하여이 문제를 해결합니다. 일부 이메일 클라이언트는 HTML 이메일을 지원할 수 없기 때문에 텍스트 버전과 HTML 버전을 모두 가지고 있는지 확인하십시오.

from https://stackoverflow.com/questions/4312687/how-to-embed-images-in-email by cc-by-sa and MIT license