模糊的Gravatar图片在我的网站上？

Question

好的,所以我一直在尝试为我的用户设置Gravatar图像.问题是,即使我在测试帐户上传的照片确实处于高分辨率,当我尝试放大时,图像也变得如此模糊.我在其他网站上看到了关于H:200px W:200px的gravatars,照片的分辨率非常完美.现在我想我可能试图以不正确的方式调整照片大小

<img class="img-circle" height="200px" width="200px" src="<?php echo $profile->get_gravatar($profile->getField('email'), false, 54); ?>"/>

我在img class ="img-circle"之后添加了高度和宽度,我相信这可能是不正确的？这里还有它的外观和它应该是什么样子的图像.

正确(来自photoshop)

不正确和模糊(从网站直播).注意服务器失真.

我想我需要的是告诉CSS从Gravatar中提取照片的原始大小并以常规分辨率显示它,因为只需将宽度和大小直接添加到标记就会将其炸毁到网站上.有想法该怎么解决这个吗？

Answer 1

获得Gravatar图像URL后,您可以告诉服务器要获取的分辨率.现在你要的是一个54x54像素的图像:

<?php echo $profile->get_gravatar($profile->getField('email'), false, 54); ?>

将最后一个数字更改为200(以匹配您想要显示的大小),你应该没问题.