If you're having issues with the images in your phishing templates or training notifications, read the sections below for possible causes and solutions.

Image Sizing Issues

If you're using Outlook 2013 as your mail client and the images in your template are not displaying in the correct size, this is typically caused by Outlook not interpreting the style HTML tag properly. 

To correct this issue, you'll want to alter the source code on your template to update the style tag's width and height values.

1. Click the Source button on your WYSIWYG template editor to view the HTML code of your template. 
2. Find the image tag that is causing your image to not appear correctly. Once you find the affected image, edit the width and height values in the style tag.
3. Click Save.
4. To ensure the image displays correctly, send yourself a test email with the revised template.

Images Being Blocked by My Mail Client

Some mail clients will block images by default and will ask the user if they would like to load the images in the email.

Depending on your mail client, you may be able to add the sender address to a safe senders list to allow images from those senders to load automatically. The process to do this will vary based on your mail client. For more information, see our Recording Email Opens in Phishing Security Tests (PSTs) article.

Issues with Images from Real Email's Source Code

When you copy the source code from real emails, there is sometimes an additional line of text present in the link to the images that will cause the images to break and not appear correctly. You will need to remove this additional text for the image to appear correctly in your phishing campaign.An example of this issue is shown below:

<img src="https://d49.googlecontent.com/proxy/CRx4h0ZfGZl09imI3v2ajtpvTHH0qhkAex3OW5b7Fglv0pMWqCb-QDh6NzsDJ8SD6AdA6dgf6X1bx8KS5DMLt4VQWb06xuPA=s0-d-e1-ft#http://www.imagewebsite.com/image.jpg">

To correct this, follow the steps below:

1. From the Email Templates > My Templates view, select the affected template to open it in the template editor.
2. Select the Source button to enable the source code view of your template.
3. Review the source code to find all of your img tags and ensure the URL for any of the images only includes the image link, which is the link to the right of the # sign.

Issues with Copying and Pasting Images

When you copy and paste an image into the phishing template editor, you are only displaying the image locally. For your users to be able to see that same image, you must use a publicly available URL for that image, such as https://www.image.com/image.jpg.

To correct this issue, follow the steps below:

1. From the Email Templates > My Templates view, select the affected template to open it in the template editor.
2. Delete the image you copied and pasted and add a new image using one of the two methods below:
   • Use an image HTML tag in the source code, such as <img src="https://www.imagewebsite.com/image.jpg">
   • Click the image button in the WYSIWYG editor and add the URL for your publicly available image there.

An example of how to add and resize an image is shown below. When resizing, if the common mail client in your organization is Outlook 2013, be sure to add an additional width tag as explained in Image Sizing Issues.

Preferred File Types for Images

We recommend using .png, .gif, or .jpg files when creating or modifying templates in our system.

Images Not Displaying When Previewing Phishing Templates

You will need to make sure that the Show Remote Images toggle is enabled so that you can see the images that were added to your custom templates. By default, the Show Remote Images toggle is enabled for our System Phishing and Training Templates.

Please note that the Show Remote Images toggle will only appear on templates that contain images.