How to create image of height 50 and width 50 px from upload control ?

<div class="profile_img">
                                               <span style="background: url(images/1.jpg) no-repeat center"></span>
                                               <div class="user-name">
                                                   <asp:Literal ID="ltrWelcomeUser" runat="server"></asp:Literal>
                                               </div>
                                               <i class="lnr lnr-chevron-down"></i>
                                               <i class="lnr lnr-chevron-up"></i>
                                               <div class="clearfix"></div>
                                           </div>

.profile_img span {
    width: 30px;
    height: 30px;
}

.profile_img span{
	float:left;
	display:block;
	width:40px;
	height:40px;
	border-radius:3em;
	-webkit-border-radius:3em;
	-moz-border-radius:3em;
	-o-border-radius:3em;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}