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

时间:2012-10-11 19:00:59

标签: html image gravatar

好吧所以我一直试图为我的用户设置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)

enter image description here

enter image description here

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

我想我需要的是告诉CSS从Gravatar中提取照片的原始大小并以常规分辨率显示它,因为只需将宽度和大小直接添加到标记就会将其炸毁到网站上。关于如何解决这个问题的任何想法?

1 个答案:

答案 0 :(得分:5)

当您获得Gravatar图片网址时,您会告诉服务器要获取的解决方案。现在你要的是一个54x54像素的图像:

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

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