How to Create Email Banners

Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process here.
Consider adding a banner to your email to improve the look of your message.

To make your emails appear more professional, consider adding a banner at the top of your message. Using HTML code in your email, you can embed a banner image so your email has the same feel as a Web page. This can help instill reader confidence in your email and allow your email offers to convert better. With a higher converting email design, you will generate more interest in your offer than with a plain-text email.


Step 1

Open an image editing program. A simple free program, such as Microsoft Paint will work fine; however, you can also use more advanced image editors such as Adobe Photoshop or GIMP.

Video of the Day

Step 2

Determine the size of your banner. The standard size for a traditional header banner is 428 by 60 pixels. However, you can use whatever size you desire.


Step 3

Design the look of the banner in your image editing software. You can include your logo or any other images you feel fit the style of your email.

Step 4

Upload your image to your Web-hosting service. If you do not have your own Web host, you can use a free image-hosting service such as Imageshack, Photobucket, or Tinypic.


Step 5

Copy the URL assigned to your uploaded image. This is the unique file name that is given to your image.


Step 6

Open the email where you want your banner to appear using a text editor. Type the HTML code . Replace "YOURURL" with the actual image URL, keeping the quotation marks intact. This can be applied to a template email and sent to multiple recipients, or can be added to a message sent to a single reader.

Step 7

Send a test email to yourself to verify the banner displays correctly.

Video of the Day




Report an Issue

screenshot of the current page

Screenshot loading...