【问题标题】:Blurry Gravatar Image on my website?我的网站上的 Gravatar 图像模糊?
【发布时间】:2012-10-11 19:00:59
【问题描述】:

好的,所以我一直在尝试为我的用户 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 中提取照片的原始大小并以常规分辨率显示,因为直接将宽度和大小添加到标签只会在网站上炸毁它。有关如何解决此问题的任何想法?

【问题讨论】:

  • $profile-&gt;get_gravatar 的代码是什么样的?
  • 您是否尝试过简单地从 Gravatar 请求更大的图像?默认情况下(未指定大小时),图像只有 80x80 像素...我在您的代码中看到数字 54,所以我假设您可能请求的是 54x54 图像。

标签: html image gravatar


【解决方案1】:

当您获得 Gravatar 图片 URL 时,您会告诉服务器要获取的分辨率。现在您要求的是 54x54 像素的图像:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-10-17
    • 1970-01-01
    • 2015-10-30
    • 2013-08-29
    • 2013-12-22
    • 2015-02-01
    • 1970-01-01
    相关资源
    最近更新 更多