【问题标题】:Thumbnail images on home page (Blogspot Blog) suddenly blurry?主页(Blogspot 博客)上的缩略图突然模糊?
【发布时间】:2017-03-03 10:53:11
【问题描述】:

我正在为我的 blogspot 博客使用以下模板:http://bold-bthemez.blogspot.com/ 你可以看到首页上的图像突然变得模糊(直到昨天它们都很好,我不知道为什么会突然改变)。我猜这与Javascript有关,因为在这里问问题的其他人发生了类似的事情,但答案对我的博客不起作用(我指的是这个问题:Thumbnail images on home page (grid) now appearing blurry. How to correct that?

请帮忙,我尝试了 4 个小时来解决此问题,但无法解决...

【问题讨论】:

  • 图片真的很小……你期待什么?
  • 放大到 375x210 的 1600x1200 图像的 72x72 缩略图并不模糊,它们是像素化的 - 与 javascript 无关,与正在(ab)使用的图像有关
  • 我看到你现在已经改变了它们 - 哦等等 - 你没有 - 多么奇怪!他们刚才好多了!
  • 问题中的链接是您的网站吗?因为如果不是,那这个主题绝对有问题
  • 不,这不是我的网站,但这是我正在使用的主题,直到昨天,这些图像一切都很好,它们根本没有像素化,但现在它们是,我没有了解为什么会发生这种变化或如何解决它

标签: javascript templates blogger blogspot


【解决方案1】:

出现此问题是因为博文的缩略图 URL 的结构(可通过布局标签访问 -<data:post.thumbnailUrl/>)被 Blogger 更改(具体而言,s72-c 已更改为 s72-c-k-no)的 Blogger 模板创建者使用正则表达式匹配来调整图像大小(从默认分辨率 72x72px 到更大尺寸)。由于不再满足正则表达式匹配条件,图像大小调整脚本没有改变图像分辨率,并且正在渲染默认的 72x72px(由于它被拉伸到比其原始分辨率大得多的分辨率,因此出现像素化/模糊)

但是,由于许多博客都使用了这种解决方案(使用正则表达式匹配来更改缩略图分辨率),这影响了许多用户。鉴于此,Blogger 恢复了他们对缩略图 URL 所做的更改。这是官方博客论坛中关于此事的post from a Google employee -

大家好,

导致此问题的更改可能会被还原 在不久的将来,所以我会推荐一个向后兼容的 问题的解决方案。如果此消息/帖子没有任何意义 对您来说,这可能对您的自定义模板的作者有意义,所以让 他们知道,以防 Blogger 在 未来。

Blogger 的 Layouts 引擎(模板语言)具有原生 'resizeImage' 运算符,可用于更改图像的大小 缩略图。很多人都有自定义模板,它们使用 javascript 正则表达式来更改值。 (“s72-c”的字符串替换)。 这可以通过替换 URL 部分在服务器端更好地实现。

这个标签

<data:post.thumbnailUrl />

可以为 resizeImage 操作更改,该操作采用新的宽度 你想要的,以及新的宽高比。例如对于 200x200 图像

<b:eval expr='resizeImage(data:post.thumbnailUrl, 200, "1:1")' />

更多关于 resizeImage 操作符的文档可以在这里找到: https://productforums.google.com/forum/#!topic/blogger/4R_sAkgZH9I

希望这会有所帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-04
    • 2015-01-19
    • 2021-03-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多