imagen SVG no se muestra en el correo electrónico html

Question

He incluido una imagen svg en un correo electrónico html. Se muestra en la aplicación de correo macros de iPhone y escritorio, pero no se muestra en mi correo web de Mobileme. ¿Alguna idea de por qué? Este es el código <object data="http://www.jamesgrubb.co.uk/img/rclogoSmall.svg" type="image/svg+xml" width="200" height="50" style="display:block; overflow: hidden;" pluginspage="http://www.adobe.com/svg/viewer/install/"><img src="http://www.jamesgrubb.co.uk/img/rclogoSmall.svg" alt="Red Cloud" style="width:200px; height:50px; "/></object>

Answer 1

Muchos servicios de correo web sanean sus correos electrónicos HTML antes de mostrarlo. Bastante seguro de que ve el elemento OBJECT y lo elimina y todo lo que tiene adentro.

Answer 2

Coloque su SVG bajo una etiqueta SVG. http://www.kaizou.org/2009/02/svg-inline-in-xhtml/

Answer 3

para los demás que pueden ser curiosos sobre esto, realizamos una prueba de diseño de correo electrónico que incluye una imagen SVG. The results were very mixed.

Mientras que los clientes de Webkit como Apple y iOS Mail pasaron por la prueba, webmail y la mayoría de los clientes de correo electrónico de escritorio no parecían querer una barra de ello.

El soporte del cliente de correo electrónico es definitivamente algo a tener en cuenta antes de implementar técnicas como esta.

Answer 4

Si está buscando un truco para permitir SVG donde Email Client admite uno y para usar JPG/PNG donde el cliente de correo electrónico no es compatible con SVG ejemplo: Gmail; Puedes usar el siguiente truco.

https://css-tricks.com/a-guide-on-svg-support-in-email/

Resultados de la prueba:

https://litmus.com/checklist/public/2d3f533