html - 我的网站上的 Gravatar 图像模糊？

Question

好的，所以我一直在尝试为我的用户 Gravatar 图像设置样式。问题是，当我尝试放大图像时，即使我在测试帐户上上传的照片真的是高分辨率的，图像也会变得如此模糊。我在其他网站上看到过大约 H:200px W:200px 的 gravatar，并且照片的分辨率非常完美。现在我想我可能试图以不正确的方式调整照片大小

<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（以匹配您要显示的大小），您应该没问题。