主页(网格)上的缩略图图像现在显得模糊。 怎么纠正?
我不知道这看起来是不是很傻但是从早上起我就无法纠正这个错误,这个错误突然出现在我的博客网站www.candidopinions.in上
我有一个网格视图模板,其中博客post中的特色图像显示在主页上作为resize的缩略图(每个主页上8个图像)。 这篇博客和我使用的模板自1。5年以来一直存在,直到昨晚,缩略图显得很清晰。 我不知道发生了什么,但从早上开始,缩略图显示模糊/像素化,虽然在博文中,它们看起来质量很好。 我不确定是否有一些javascript代码被意外删除或者我上传到我网站上的某些js文件不再可访问。
我想,这是用于调整主页上缩略图图像大小的代码:
//<![CDATA[ function bp_thumbnail_resize(image_url,post_title) {var image_size=340; image_tag=''; if(image_url!="") return image_tag; else return ""; } //]]> document.write(bp_thumbnail_resize("",""));
我试图增加image_size = 340的值以及宽度和高度,但是没有结果。 我也尝试将s72-c替换为s1600,但无济于事。 在此处分享当前模糊图像缩略图的屏幕截图
目前缩略图显示模糊的截图
我还检查了互联网网络存档,这是它过去一直看到昨晚 –
以前缩略图图像曾经是清晰明了的截图
请帮助我,因为我无法知道错误在哪里。 任何指导将非常感谢。 谢谢。
javascript代码中的图像resize参数/s72-c/
与主页上的图像resize参数/s72-ck-no/
之间存在差异。
为了避免删除/
从javascript片段'/s72-c/','/s'+image_size+'-c/'
试试这个
更新
或者如果你需要一个没有JavaScript的完美方法,并且为了避免将来Blogger的任何更改,你可以使用resizeImage操作符来改变图像服务器端的大小
将上面的JavaScript代码替换为
你的代码
对Blogger提供的图像使用resize运算符将是更好的解决方案。 它将使您的代码免受缩略图URL参数中可能出现的任何未来更改的影响,因为resize的缩略图URL将由Blogger本身生成(不通过JavaScript正则表达式匹配)。 您的代码将更改如下 –
正如您将注意到的, .replace
操作已完成删除。 相反,现在您可以直接通过标签本身设置缩略图尺寸 –
关于resizeImage
函数采用的各种参数的信息 –
resizeImage运算符有3个参数:
imageUrl – 可resize图像的原始URL。
newSize – 图像的新宽度
(可选)ratio – resize的图像的宽度与高度的整数比,例如“1:1”或“4:3”
笔记
如果imageUrl参数不是可resize的图像,则resizeImage函数将返回原始imageUrl。
比率必须是整数。
如果提供了比率,则图像将被裁剪为精确的尺寸。
它看起来像一个简单的图像压缩问题,您可能会考虑查找这些图像并搜索具有适当尺寸的文件,
您网站上其中一个图片的源图片文件: https : //3.bp.blogspot.com/-MPPETleu560/WLb8qTSGMpI/AAAAAAAABo8/NrYKhoqQj_0yqBCNRS1PstLIqkhnT_uvwCLcB/s72-ck-no/matar-rice-paneer-makhni.jpg
请注意图像的实际尺寸,请考虑为图像文件切换服务器并以.png格式而不是.jpg格式保留图像。