MHTML LT at AQ

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 J

To gather more user… Mail Magazine ・ inspire motivation to
visit app ・ notify hot / interesting discussion gather more comments / advices User Satisfaction J

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: [email protected] To: [email protected] Subject: MHTML with embedded
image MIME-‐Version: 1.0 Content-‐Type: mul$part/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-‐DescripTon: foo.png Content-‐Transfer-‐Encoding: base64 Content-‐DisposiTon: inline; ﬁlename=“foo.png”; Content-‐ID: foo iVBORw0KGgoAAAANSUhEUgAA ... -‐-‐-‐-‐-‐-‐=boundary Header Body Image Data

Notice – Size limitation on mail (e.g. 200KB) – JavaScript and CSS3
are NOT reliably available Users use not Web Browser, but Mail Browser.

Result

Thanks @quake_alert! @quake_alert_en please follow

MHTML LT at AQ

MHTML LT at AQ

Yoshihiro Iwanaga

More Decks by Yoshihiro Iwanaga

Other Decks in Programming

Featured

Transcript

HTML in e-mail iwanaga

Who am I Working at Twitter bot @quake_alert @quake_alert_en Yoshihiro

Work with AQ Discussion App UX Design Consulting Number of

To gather more user… Mail Magazine ・ inspire motivation to

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

1. Use “multipart/related” 2. Refer image by “Content ID”! 3.

From: [email protected] To: [email protected] Subject: MHTML with embedded

Notice – Size limitation on mail (e.g. 200KB) – JavaScript and CSS3

Result

Thanks @quake_alert! @quake_alert_en please follow