Quick Tip: Insert dynamically generated placeholder images within email templates and landing pages

by | May 4, 2022 | Email marketing, Quick tips

Date last updated:
Insert dynamically generated placeholder images within your email templates and landing pages simply by inserting a source link. Your source link will define your desired placeholder image size, and the image will render automatically to the correct size within your content (unless you override image size in some other way such as inline sizing or via CSS).

Example placeholder image:

Example placeholder image link with image width and height defined:

Update the size and image format as desired within your link.

Example placeholder image link with placeholder text overlay:

Placeholder text is optional but helps people to know at a glance what image size they would want to use when replacing the placeholder image with a real image.

How your dynamically generated placeholder image might look within your content:

In this case we have inserted our placeholder image within an email template.

Example placeholder image link with image width defined and image height as auto:

If you only want to set the width and leave height as auto then formulate your link like this:

Example placeholder image link using JPG image format:

If you’d rather use a JPG rather than PNG then just change your source link:

More info is available on placeholder.com.

Author | Jeff Kemp

Founder and Principal Consultant

I'm a Salesforce Certified Pardot Consultant and Marketing Automation Expert and I particularly enjoy helping companies set up effective lead management systems using best practices and proven methodologies. I also love dogs :0)

My growing team and I at Optimal Business Consulting (OBC) help organizations to implement, optimize, and maintain their existing or new Pardot or Hubspot platform. OBC is proud to be a Salesforce and Hubspot Partner.

Follow/Connect with Jeff on LinkedIn
Follow and connect with Jeff on LinkedIn

Related articles…