Relative path for img src

Question

I'm trying to get my relative path for my image, as this site will be re-used on different sites on the site collection.

and the sharepoint url would been this sitecollection.sharepoint.com/topsite/subsite. Thats the reason why I can't use the full URL. as the subsite name would be different every time. But the image will always be in the same document library on the subsite.

<img src="./Shared%20Documents/enddate.png" />

tl;dr need the relative url path for the image.

Answer 1

You can do it as

<img src='<SharePoint:EncodedLiteral runat="server" text="<%$SPUrl:~site/Shared%20Documents/enddate.png%>" EncodeMethod="HtmlEncode"/>' alt="" />