Background images let you place editable content (such as text, buttons, and other elements) directly over an image in your email design.
Unlike standard background images, bulletproof background images use a combination of HTML, CSS, and VML to ensure they display correctly across a wide range of email clients, including those with limited CSS support.
Simply choose your preferred settings in the generator below, then copy and paste the generated code into your email template wherever you have HTML access.
Unlike standard background images, bulletproof background images use a combination of HTML, CSS, and VML to ensure they display correctly across a wide range of email clients, including those with limited CSS support.
Simply choose your preferred settings in the generator below, then copy and paste the generated code into your email template wherever you have HTML access.
Apply background image to
Table cell width
px
Table cell height
Generated code
Add the following code after the
<body> tag<div style="background-color:#ffffff;"><!--[if gte mso 9]><v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t"><v:fill type="tile" src="https://i.ibb.co/xqH4t1x/background-image-2.png" color="#ffffff"/></v:background><![endif]--><table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" align="left" background="https://i.ibb.co/xqH4t1x/background-image-2.png">
Add the following code before the closing of
</body> tag</td></tr></table></div>
Replace the opening
<td> tag with below<td background="https://i.ibb.co/xqH4t1x/background-image-2.png" bgcolor="#ffffff" width="120" height="92" valign="top"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:120px;height:92px;"><v:fill type="tile" src="https://i.ibb.co/xqH4t1x/background-image-2.png" color="#7bceeb" /><v:textbox inset="0,0,0,0"><![endif]--><div>
Replace the closing
</td> tag with below</div><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></td>
