Topics, Two Minute Tuesday, Video

Two Minute Tuesday: Images in Emails

People often ask our training team how to add their social media icons to their email signatures, or how to put images into their form letters. Today’s Two Minute Tuesday covers using images in HTML emails.

People often ask our training team how to add their social media icons to their email signatures, or how to put images into their form letters. Today’s Two Minute Tuesday covers using images in HTML emails.

If you have any commentsĀ or suggestions for something we can explain in about two minutes, send an email to twominutetuesday@mainsequence.net

Video Transcript

Itā€™s time for a fresh Two Minute Tuesday, Main Sequenceā€™s series of short videos with tips, tricks, and tutorials to help make you a more powerful PCRecruiter user.

Today weā€™re going to look at how you can add images to your emails in PCRecruiter, and particularly how to insert clickable icons for your LinkedIn, Twitter, or other social profiles into your email signature. These same principles apply for adding images to stationery, templates and form letters, and other emails.

But before we get started, a few general pointers about images in emails. Due to the lack of standards across mail reading apps and providers, getting images to show up consistently and reliably is not as simple as youā€™d expect.

Many email readers, most notably Microsoft Outlook, are set up by default not to download or display inline images until the recipient says itā€™s ok to show them. For this reason, always assume that none of your images are going to load. Weā€™ll show you how you can supply alternate text to describe the images for those who canā€™t view them.

As a general rule, using fewer images means more predictable display, reduced chances of triggering a spam filter, and faster sending and receiving, so before inserting any image, decide if you really need it, and leave it out if you donā€™t.

Letā€™s edit the signature. From the System area, weā€™ll scroll to ā€˜Email Setupā€™ and open ā€˜Email Signatureā€™. Now weā€™ll use the ā€˜Insert Imageā€™ option in the toolbar. We can either use a web-hosted image, or embed a PNG, GIF or JPG file from the local hard drive.

On the ā€œGeneralā€ tab, we have the option to specify a web URL for the image. This causes the email reader to download the image from the web when the message is received, rather than embedding the image data into the email code. This keeps the message smaller in size, which can really speed things up when youā€™re sending a bulk mail. Itā€™ll also prevent the image from showing up as an ā€˜attachmentā€™ for anyone who has embedded images blocked by default, but remember that web-hosted images are hidden or blocked just as readily as embedded ones, so the method of inserting the image wonā€™t likely improve visibility one way or the other. If you donā€™t have anywhere to store your commonly used logos and icons online, the ā€˜Server Image Storeā€™, also found under ā€˜Systemā€™ in PCR, can serve in a pinch. The ā€˜Image Descriptionā€™ box is where weā€™ll place the alternate description text for folks who canā€™t see the picture.

We can also change the display dimensions of the image. Most inbox windows are no more than 400-500px wide, so itā€™s currently considered best practice to crop or resize to that general maximum width for email use. Itā€™s always better looking, faster loading, and more reliable to resize the actual image file rather than scaling it to a new size when it loads in the email, so if your picture is too big or too small, change the image file rather than using this feature if you can.

The ā€˜From Fileā€™ tab is used for embedding an image into the email directly. To do that, we click and browse. After the image is in place, we can click it and go back to the ā€˜Insert/Edit Imageā€™ tool to give it that alternate description text in case itā€™s not displayed.

To make the image a link, we highlight it and then use the ā€˜Insert Linkā€™ icon. Paste the appropriate URL into the box, and youā€™re done.

One bonus tipā€¦ what if we want our LinkedIn, Twitter, and Facebook icons to line up side by side? Thatā€™s where an invisible table comes in handy. Weā€™ll use the ā€˜Tableā€™ option in the editor to create a 3 column, 1 row table. Now we can put the images into the cells of the table. The dotted borders we see while editing are guides that wonā€™t show up when the email is sent. Try adjusting the properties of the table and the cells to create the layout you have in mind.

For more Two Minute Tuesdays, watch our blog posts on your PCR login screen, subscribe to this YouTube channel, follow us on Facebook, LinkedIn, or Twitter, and join the PCRecruiter LinkedIn users group. If you have any topics or suggestions for future Two Minute Tuesdays, send an email to twominutetuesday@mainsequence.net.

Suggested articles

The Death of X-Ray Search?
Industry

The Death of X-Ray Search For Sourcing?

“X-ray search” has been a secret super-power to sourcing heroes for a while now. However, some recent changes have made it more challenging to use effectively. Today, let’s discuss what X-ray search is and what seems to be happening to it.

Read more
Quick Search in PCRecruiter
PCR UpdatesSoftware

PCR Quick Search Improvements

The PCRecruiter system has been updated today, and the most noticeable change you’ll find is the replacement of our ‘Quick Find’ feature with a new ‘Quick Search’. This search box appears in the upper right hand corner of the PCR screen.

Read more
Choosing Secure & Reliable Vendors
Industry

Choosing Secure & Reliable Vendors: Evaluating Security and Availability

When choosing a database or other data processing vendor, safeguarding your organizationā€™s information and experiencing consistent application uptime are fundamental, but making informed decisions can be challenging.

Read more

Who are PCRecruiter?

Find out more about who we and what we do.