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

by | May 4, 2022 | Blog, Content Marketing, Email Templates, Landing Pages, Marketing, Productivity, Quick Tips, Reach, Web Development

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.

Related articles…