I am looking to load the header and footer images present in the Document tab When I click on the URL: https://c.cs53.content.force.com/servlet/servlet.ImageServer?id=0150j000000DHQL&oid=00D0j000000CrDy&lastMod=1490844866000, I see the image opens up. Now the same image I want to open it in the VF Email Template, so I write the following logic but it did not get worked why ??
<messaging:emailTemplate subject="Case Description - {!relatedTo.Description}" recipientType="User" relatedToType="Case">
<apex:image id="Logo" value="https://c.cs53.content.force.com/servlet/servlet.ImageServer?id=0150j000000DHQL&oid=00D0j000000CrDy&lastMod=1490844866000" />
<messaging:htmlEmailBody >
</messaging:htmlEmailBody>
</messaging:emailTemplate>
What is the best way to load images (as a header and footer) in VF Email Template ?
UPDATE-1::
I have loaded the image but its getting break. Why ? Please guide.
I used both image as jpg and its broken .Please guide
The code I used
<messaging:emailTemplate subject="Case Description - {!relatedTo.Description}" recipientType="User" relatedToType="Case">
<messaging:htmlEmailBody >
<apex:image value="{!URLfor($Resource.HeaderFooter, 'HeaderFooter/abc.jpg')}"/>
<apex:image value="{!URLfor($Resource.HeaderFooter, 'HeaderFooter/xyz.jpg')}"/>
</messaging:htmlEmailBody>
</messaging:emailTemplate>