HTML in e-mail
iwanaga
Who am I
Working at
Twitter bot
@quake_alert
@quake_alert_en
Yoshihiro Iwanaga
Work with AQ
Discussion App UX Design Consulting
Number of active users was increased dramatically 
To gather more user…
Mail Magazine
・ inspire motivation to visit app
・ notify hot / interesting discussion
gather more com...
for better presentation
I decided to use
HTML Mail
however
omg…
some mail clients block image downloading
How can I do with this?
RFC2557
MIME Encapsulation of Aggregate Documents,
such as HTML (MHTML)
1. Use “multipart/related”
2. Refer image by “Content ID”
3. Send
Answer
From: foo@example.com
To: bar@example.com
Subject: MHTML with embedded image
MIME-Version: 1.0
Content-Type: multipart/rel...
Notice
–Size limitation on mail (e.g. 200KB)
–JavaScript and CSS3 are NOT reliably
available
Users use not Web Browser,
bu...
Result
Thanks
@quake_alert
@quake_alert_en
please follow
Upcoming SlideShare
Loading in …5
×

20130725 LT at AQ

528 views

Published on

about MHTML img embedding.

Published in: Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
528
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

20130725 LT at AQ

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

×