主页(网格)上的缩略图图像现在显得模糊。 怎么纠正?

我不知道这看起来是不是很傻但是从早上起我就无法纠正这个错误,这个错误突然出现在我的博客网站www.candidopinions.in上

我有一个网格视图模板,其中博客post中的特色图像显示在主页上作为resize的缩略图(每个主页上8个图像)。 这篇博客和我使用的模板自1。5年以来一直存在,直到昨晚,缩略图显得很清晰。 我不知道发生了什么,但从早上开始,缩略图显示模糊/像素化,虽然在博文中,它们看起来质量很好。 我不确定是否有一些javascript代码被意外删除或者我上传到我网站上的某些js文件不再可访问。

我想,这是用于调整主页上缩略图图像大小的代码:

我试图增加image_size = 340的值以及宽度和高度,但是没有结果。 我也尝试将s72-c替换为s1600,但无济于事。 在此处分享当前模糊图像缩略图的屏幕截图

目前缩略图显示模糊的截图

XX

我还检查了互联网网络存档,这是它过去一直看到昨晚 –

以前缩略图图像曾经是清晰明了的截图

XXX

请帮助我,因为我无法知道错误在哪里。 任何指导将非常感谢。 谢谢。

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格式保留图像。