Custom Master page Show User Profile Pic in Suitebar

Question

Hi

 

I created the custom master page in that i want to show the user profile pic in suite bar. I am able to render the image below the suite bar i want to place it in top bar.

 

The below image i want to place in top bar in "?" section.

 

 

<%@Register TagPrefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>

<%@Register TagPrefix="SPSWC" namespace="Microsoft.SharePoint.Portal.WebControls" Assembly="Microsoft.SharePoint.Portal, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>

<%@Register TagPrefix="wssucw" TagName="Welcome" Src="~/_controltemplates/15/Welcome.ascx"%>

<%@Register TagPrefix="wssucmui" TagName="MUISelector" Src="~/_controltemplates/15/MUISelector.ascx"%>

<div id="ms-designer-ribbon">

<PublishingRibbon:PublishingRibbon runat="server" />

</div>

<SPSWC:ProfilePropertyLoader runat="server" />

<SPSWC:ProfilePropertyImage PropertyName="PictureUrl" style="float: left; height: 20px;" ShowPlaceholder="true" id="PictureUrlImage" runat="server" />

<SharePoint:SPSecurityTrimmedControl runat="server" AuthenticationRestrictions="AnonymousUsersOnly">

<wssucw:Welcome runat="server" EnableViewState="false">

</wssucw:Welcome>

</SharePoint:SPSecurityTrimmedControl>