设置特定大小的用户头像，而不会破坏布局

Question

我想制作一个单独的文件夹，用户的头像显示他们的小头像（已调整大小）和他们的大头像（正常大小）。这是我的代码。

<span class="prfil-img"><img src="images/avatarsmall/<?php echo $id ?>.jpg" alt=""> </span> 


<div class="text-center vd_info-parent"> <img alt="example image" src="https://imgur.com/I80W1Q0.png"> </div>

文本中心div是大头像，我稍后会用echo改变它，但是，我无法修改小头像的大小，只有当我上传它60x60时，因为如果我手动设置它的高度，它显示在另一个地方。

离

<span class="prfil-img"><img src="images/avatarsmall/<?php echo $id ?>.jpg" alt="" height="60" width="60"> </span> 

这是高度和宽度选项的外观，

如果我手动上传60x60尺寸，这就是它的样子：

How it looks now without resize, its manually uploaded with 60x60, so it sets the big avatar too on 60x60

How should look