【问题标题】:How to display higher-res thumbnails on Blogger如何在 Blogger 上显示更高分辨率的缩略图
【发布时间】:2017-08-04 15:49:51
【问题描述】:

一直以来,我一直在使用<img expr:src='data:post.thumbnailUrl'/> 在我的主页上显示缩略图,它会输出最初为移动浏览而制作的 72x72 方形图像。然后我使用 jquery 将图像从 72-c 缩放到 s300。我想知道是否有其他方法可以在不使用 js 的情况下获取缩略图。

Blogger 发布的新模板集可以使用 data:post.featuredImage 输出 32、64、128 和 256 像素的缩略图大小。如何将其应用于自定义模板?

【问题讨论】:

    标签: blogger


    【解决方案1】:

    利用 resizeImage 运算符无需 JavaScript 即可更改图像大小。代码看起来像 -

    <img expr:src='resizeImage(data:post.thumbnailUrl, 1600)'/> 
    

    resizeImage(imageUrl, newSize, optionalRatio)

    resizeImage 操作符有 3 个参数:

    imageUrl - 可调整大小图像的原始 URL。
    newSize - 新的 图片的宽度
    (可选)ratio - 宽度与 调整大小的图像的高度,例如“1:1”或“4:3”

    注意事项

    如果 imageUrl 参数不是可调整大小的图像,resizeImage 函数将返回原始 imageUrl。
    比率必须是整数 数字。
    如果提供了比例,图像将被裁剪为那些 确切的尺寸。

    【讨论】:

    • 完美运行。谢谢!
    猜你喜欢
    • 2017-11-25
    • 1970-01-01
    • 1970-01-01
    • 2018-01-14
    • 2013-06-08
    • 2013-08-04
    • 2021-10-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多