帮酷LOGO
  • 显示原文与译文双语对照的内容
Fast and lightweight image previews, using Gaussian blur

  • 源代码名称:Gaussholder
  • 源代码网址:http://www.github.com/humanmade/Gaussholder
  • Gaussholder源代码文档
  • Gaussholder源代码下载
  • Git URL:
    git://www.github.com/humanmade/Gaussholder.git
  • Git Clone代码到本地:
    git clone http://www.github.com/humanmade/Gaussholder
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/humanmade/Gaussholder
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • Gaussholder
    快速和轻量的图像预览,使用高斯模糊。
    project项目。 由 @rmccue. 维护

    Gaussholder是一个图像占位工具,使用令人惊讶的少量数据生成精确的预览图像。

    that byte字节预览图像,图像。 800字节仍然太大? 在配置中调整大小以适应你的喜好。

    请注意:这仍然在开发中,我们正在准备让这个产品准备就绪,所以我们还没有解决。 特别是,我们仍然在调整占位符大小和改进lazyloading代码。 避免在生产中使用。

    :它是如何工作的

    Gaussholder的灵感来自于的Facebook,它在生成微小预览图像时。 Gaussholder从这个帖子中获取概念并将它们应用到WordPress的狂野世界。

    简而言之,Gaussholder接受高斯模糊并将它的应用到图像以生成预览图像。 高斯模糊作为低通过滤器,允许我们丢弃大量的数据。 然后,我们通过删除JPEG头并在客户端( 这将消除每个图像的~800 字节) 上重建它来进一步减少每个图像的数据量。

    我们进一步减少了lazyloading图像中某些请求的数据量。

    我怎么用它?

    Gaussholder针对大量的高级用户而设计。 请不要将这里安装到你的常规WP站点。

    • 从这个 repo 下载并激活插件。
    • 选择要使用Gaussholder的图像大小,并将它们添加到 gaussholder.image_sizes 过滤器上的array 。
    • 如果你有现有图像,请重新生成图像缩略图。

    你的筛选器应该类似于以下内容:

    add_filter( 'gaussholder.image_sizes', function ( $sizes ) {$sizes['medium'] =16;$sizes['large'] =32;$sizes['full'] =84;return$sizes;} );

    键是注册的图像大小( 为原始尺寸加上 full ),它的值作为像素所需的模糊半径。

    默认情况下,Gaussholder不会生成任何占位符,并且你需要选择使用它。 在这里简单过滤,并为你想要生成的内容添加大小。

    注意,对于添加的每个大小,都将生成一个占位符并存储在数据库中。 如果你有很多尺寸,这将是一个的数据。

    模糊半径

    模糊半径控制我们使用的模糊程度。 这个图像被这个因素预先缩小,这实际上是占位符工作的关键。 增加半径将减少所需的数据二次数: 半径 2使用四分之一的数据作为完整图像,半径 8使用 1/64的数据量。 ( 由于压缩,最终结果将不存在。请按照这里比例进行操作) 。

    小心调整这一点,因为减少半径会导致大量数据在体内,增加数据不足的占位符。

    半径需要单独调整到每个尺寸。 Facebook使用 200字节的数据占位符,但你可能需要更高的质量占位符。 没有理想的半径,因为你只需要平衡有用占位符,处理页面上数据的额外时间。

    Gaussholder包含一个用于帮助你调整半径的CLI命令: 选取代表性附件或者图像文件并使用 wp gaussholder check-size <id_or_image> <radius> 调整半径,直到到达大约 200 B,然后检查它的他附件,确保它们处于最大值。

    注意:更改半径需要重新生成占位符数据。 运行 wp gaussholder process-all --regenerate 更改半径或者添加新尺寸后。

    许可证

    Gaussholder在GPLv2或者更高版本下授权。

    Gaussholder使用 StackBlur,在MIT许可证下许可。

    有关详细信息,请参阅 LICENSE.md

    Credits

    由人创建,用于大容量和大规模的站点。

    作者: 感谢我们所有的贡献者。 ( 也感谢fellow和保罗的初始占位符代码。)

    Gaussholder受到了 Facebook工程的强烈启发,如果没有它,就不可能。 特别是,在模糊和提取JPEG标头之前,降级技术特别新新,以及Gaussholder为什么存在的关键。

    想加入这个游戏? 加入我们,成为人类




    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语