Adding relative image in master page

I've been struggling with this for some time now. I need to add a relative path from top site: Currently I've tried at least 2 options but in each case the code gets appended by SPD with __designer:Preview ect. I found a blog but cant see how to rewrite : blog on issue I need to go to site collection level as I'm adding master page to sub-templates. Any help appreciated, I also think $SPUrl causing issues with templates.

<asp:Image ImageUrl="<% $SPUrl:~sitecollection/Style Library/Images/logo1.png %>" runat="server"/>

<img src="<asp:literal runat='server' Text='<%$SPUrl:~sitecollection/Style Library/Images/logo1.png%>'></asp:literal>" />