Page MenuHomePhabricator

Use PNG (not SVG) for notification emails so they work in Gmail
Closed, ResolvedPublic

Event Timeline

Mattflaschen-WMF renamed this task from Broken icon in message email notification to Use PNG for notification emails so they work in Gmail.Feb 25 2016, 5:20 AM
Mattflaschen-WMF renamed this task from Use PNG for notification emails so they work in Gmail to Use PNG (not SVG) for notification emails so they work in Gmail.
Mattflaschen-WMF updated the task description. (Show Details)

I've heard back from Google support, and they've confirmed there are currently no plans to support SVG images in the proxy. They said they account for only 1 in 100,000 email images.

... Meanwhile, everyone is changing SVG images to other formats precisely because they don't support it... Good job Google.

I wonder if you could (ab)use ResourceLoaderImageModule, and the load.php?image=…&format=rasterized URLs it generates, for a fairly easy workaround?

Change 304299 had a related patch set uploaded (by Mooeypoo):
Add a rasterized email icons to Echo modules for email

https://gerrit.wikimedia.org/r/304299

Change 304299 merged by jenkins-bot:
Add a rasterized email icons to Echo modules for email

https://gerrit.wikimedia.org/r/304299

Checked in betalabs

  1. the image urls in gmail is changed e.g. before the fix: https://ci5.googleusercontent.com/proxy/Oud_2pyP[..]#https://en.wikipedia.beta.wmflabs.org/w/extensions/Flow/modules/notification/icon/flow-new-topic.svg

after the fix
https://ci6.googleusercontent.com/proxy/qerRsnzR[...]#https://en.wikipedia.beta.wmflabs.org/w/load.php?modules=ext.echo.emailicons&image=flow-new-topic&lang=en&format=rasterized

  1. the screenshots below show email notifications with icons displayed for the following events:
    • Flow pages notifications (e.g. a new topic was created)

Screen Shot 2016-08-17 at 3.37.49 PM.png (378×826 px, 45 KB)

  • Thanks

Screen Shot 2016-08-17 at 2.51.34 PM.png (419×827 px, 46 KB)

  • Mention

Screen Shot 2016-08-17 at 3.09.34 PM.png (378×764 px, 47 KB)

  • User rights change

Screen Shot 2016-08-17 at 3.09.15 PM.png (381×756 px, 47 KB)

  • Educational program enrollment

Screen Shot 2016-08-17 at 3.28.39 PM.png (413×831 px, 55 KB)

  • Revert edits

Screen Shot 2016-08-17 at 3.15.07 PM.png (352×762 px, 43 KB)

  • Page link

Screen Shot 2016-08-17 at 3.23.26 PM.png (346×812 px, 45 KB)

  • Page review

Screen Shot 2016-08-17 at 3.23.14 PM.png (385×737 px, 44 KB)