Emogrifier – Convert HTML & CSS into Gmail Friendly Emails

John Reeve | August 11th, 2008 | , , ,

EmogrifierWhile working on the “email this page” feature in Intervals we needed to find a way to merge HTML & CSS files into a Frankenstein-like document that gmail would honor. Quick back story — gmail doesn’t play nice with conventionally defined CSS. We came up with the Emogrifier, a PHP utility we are adding to the Pelago collection of Sidecar Projects.

Visit www.emogrifier.com to try converting some of your HTML web pages to gmail friendly emails and read more about the project. While you are there, feel free to download the source code for use in your own applications.

10 Responses to “Emogrifier – Convert HTML & CSS into Gmail Friendly Emails”

  1. Joshua says:
    August 9, 2009 at 2:41 pm

    Thanks. You saved my bacon. After reviewing this comparison of CSS Support in email clients:

    http://www.campaignmonitor.com/css/

    I was near despair, but emofrigier did the trick.

  2. Eduardo says:
    August 15, 2009 at 3:52 am

    Great tool.

  3. Svante says:
    July 3, 2010 at 12:05 am

    What a great tool!

  4. john says:
    September 21, 2010 at 4:32 pm

    guys,
    Awesome script! Just saved me a ton of time!! THANK YOU THANK YOU THANK YOU!!

  5. Nick says:
    October 1, 2010 at 2:37 pm

    Thank you!

  6. Fredrik says:
    December 14, 2010 at 4:45 am

    This is an amazing tool, the mere existence of this tool answers so many of those “why is gmail fucking up my html” questions that it’s just unbelievable. (anybody have trouble with tables? hah!)

    Thank you thank you, THANK YOU!

    If there’s ever a need for a reference or a testimonial, email me!

  7. John Reeve says:
    April 4, 2011 at 10:20 am

    For those who our interested in a C# port of the PHP emogrifier code, Jonne Kats has created a version of the Emogrifier for you. Check it out at:

    https://github.com/Jonne/CssFlattener

  8. mike says:
    June 29, 2011 at 12:29 pm

    Thanks Emogrifier!!! You Rock!! gmail was the only mail client that was giving me problems.

  9. Rostyslav says:
    November 10, 2012 at 5:42 am

    Thanks for amazing tools!

  10. John Reeve says:
    January 29, 2014 at 3:51 pm

    Emogrifier is on GitHub now. Fork it:
    https://github.com/jjriv/emogrifier

Leave a Reply

Intervals Blog

A collection of useful tips, tales and opinions based on decades of collective experience designing and developing web sites and web-based applications.

What is Intervals?

Intervals is online time, task and project management software built by and for web designers, developers and creatives.
Learn more…

John Reeve
Author Profile
John Reeve

John is a co-founder, web designer and developer at Pelago. His blog posts are inspired by everyday encounters with designers, developers, creatives and small businesses in general. John is an avid reader and road cyclist.
» More about John
» Read posts by John

Jennifer Payne
Author Profile
Jennifer Payne

Jennifer is the Director of Quality and Efficiency at Pelago. Her blog posts are based largely on her experience working with teams to improve harmony and productivity. Jennifer is a cat person.
» More about Jennifer
» Read posts by Jennifer

Michael Payne
Author Profile
Michael Payne

Michael is a co-founder and product architect at Pelago. His contributions stem from experiences managing the development process behind web sites and web-based applications such as Intervals. Michael drives a 1990 Volkswagen Carat with a rebuilt 2.4 liter engine from GoWesty.
» More about Michael
» Read posts by Michael

help.myintervals.com
Videos, tips & tricks