Bulletproof Background Image Generator

Background images allow you to insert editable content on the image such as text. The bulletproof images are coded using a combination of HTML, CSS and VML code in contrast to regular background images to ensure that the image is displayed correctly within the email client.

Use our generator below by simply inputting your preferences and copy and paste the generated code to anywhere with HTML access!

Apply Background Image to:

Table cell width:


Table cell height:


To: Your recipients
From:  Campaignmaster
Subject:  Your new background image generator

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
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>