好吧,我一直在尝试设计我的用户Gravatar图像。问题是,当我尝试放大图像时,图像变得如此模糊,即使我上传到测试帐户上的照片的分辨率确实很高。我在其他网站上看到过大约为H:200px W:200px的图像,并且照片的分辨率非常好。现在我想我可能试图以错误的方式调整照片的大小
<img class="img-circle" height="200px" width="200px" src="<?php echo $profile->get_gravatar($profile->getField('email'), false, 54); ?>"/>
我在img class=“img圆圈”后面添加了高度和宽度,我认为这可能是错误的?这里还有它看起来像什么的图像,以及它应该是什么样子。
正确(来自photoshop)
不正确和模糊(现场直播)。请注意服务器失真。
我想我需要的是告诉CSS从Gravatar中提取照片的原始大小,并以常规分辨率显示,因为直接将宽度和大小添加到标记中只会在站点上放大它。有没有办法解决这个问题?
当您获得Gravatar图像URL时,您会告诉服务器要获取什么分辨率。现在您要求的是54x54像素的图像:
<?php echo $profile->get_gravatar($profile->getField('email'), false, 54); ?>
将最后一个数字更改为200(以匹配您要显示的大小),您应该可以。