20130725 lt at aq
DESCRIPTION
about MHTML img embedding.TRANSCRIPT
![Page 1: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/1.jpg)
HTML in e-mailiwanaga
![Page 2: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/2.jpg)
Who am I
Working at
Twitter bot@quake_alert@quake_alert_en
Yoshihiro Iwanaga
![Page 3: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/3.jpg)
Work with AQ
Discussion App UX Design Consulting
Number of active users was increased dramatically
![Page 4: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/4.jpg)
To gather more user…
Mail Magazine
・ inspire motivation to visit app
・ notify hot / interesting discussion
gather more comments / advices
User Satisfaction
![Page 5: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/5.jpg)
for better presentation
I decided to use
HTML Mail
![Page 6: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/6.jpg)
however
![Page 7: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/7.jpg)
omg…
some mail clients block image downloading
![Page 8: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/8.jpg)
How can I do with this?
RFC2557MIME Encapsulation of Aggregate Documents,such as HTML (MHTML)
![Page 9: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/9.jpg)
1. Use “multipart/related”
2. Refer image by “Content ID”
3. Send
Answer
![Page 10: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/10.jpg)
From: [email protected]: [email protected]: MHTML with embedded imageMIME-Version: 1.0Content-Type: multipart/related; boundary="----=boundary”;type="text/html”;
------=boundaryContent-Type: text/html; charset=UTF-8Content-Transfer-Encoding: 7BIT
<html> <head></head> <body> <img src="cid:foo"> </body></html>------=boundaryContent-Type: image/png; name=foo.pngContent-Description: foo.pngContent-Transfer-Encoding: base64Content-Disposition: inline; filename=“foo.png”;Content-ID: foo
iVBORw0KGgoAAAANSUhEUgAA ...------=boundary
Header
Body
Image Data
![Page 11: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/11.jpg)
Notice
–Size limitation on mail (e.g. 200KB)
– JavaScript and CSS3 are NOT
reliably available
Users use not Web Browser, but Mail Browser.
![Page 12: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/12.jpg)
Result
![Page 13: 20130725 LT at AQ](https://reader035.vdocuments.us/reader035/viewer/2022070302/547bb75ab4795995098b4e00/html5/thumbnails/13.jpg)
Thanks
@quake_alert@quake_alert_en
please follow