Changes

Embedding images in emails

1,664 bytes added, 22:49, 4 May 2018
m
Method 6 : VML and SVG
</syntaxhighlight>
[* https://sendgrid.com/blog/embedding-images-emails-facts/ Link 1][* https://www.paperstreet.com/blog/email-marketing-embeded-images-cid-what-a-mess/ Link 2] 
Again foiled in our first impression... now our email isn't getting there.... what next?
 
 
== Method 3 : Embed an image ==
If you want to see will it work there area companies who can take the heavy lifting out of your tesetingtesting... some will even construct your emails for you.* https://litmus.com/blog/the-ultimate-guide-to-email-image-blocking Link]
* https://www.emailonacid.com/
== Method 6 : VML from Outlook and SVG ==
Scalable Vector Graphics in browsers are highly supported... not so much in email... but it is a growing area [https://css-tricks.com/a-guide-on-svg-support-in-email/ Link]
 
 
 
== Method 7 : Using CID and VML ==
 
There is also a dark art of tricking Outlook into displaying CIDs. You set the browser to draw a VML and if not possible draw the image using a standard CID in an img tag. Worked on my outlook and I'm quite paranoid about these things.
* https://litmus.com/community/discussions/4478-vml-background-in-outlook-2007
 
Code that was used on me that worked was
 
<syntaxhighlight lang="html4strict">
 
<!--[if gte vml 1]>
<v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype>
<v:shape id="_x0000_i1025" type="#_x0000_t75" alt="" style='width:450.75pt;height:41.25pt'>
<v:imagedata src="image001.jpg" o:href="cid:338562468"/>
</v:shape>
<![endif]-->
<![if !vml]>
<img width=601 height=55 src="image001.jpg" border=0 align=baseline v:shapes="_x0000_i1025">
<![endif]>
</syntaxhighlight>
= Tracking =
7,528
edits