minifranske/lazy-load-placeholder

为基于主要图像颜色的图片创建占位符，例如

维护者

详细信息

github.com/fsaris/lazy_load_placeholder

源代码

问题

安装量: 1,620

依赖项: 0

建议者: 0

安全: 0

星标: 7

关注者: 3

分支: 1

开放性问题: 1

类型:typo3-cms-extension

0.0.2 2021-04-15 10:16 UTC

Requires

GPL-2.0+ c7b8bbe3b6703d54880f331bac44f78288030d90

extensionimagesplaceholdertypo3lazyloadingdominant-color

This package is auto-updated.

Last update: 2024-09-15 17:41:30 UTC

README

此扩展添加了元数据提取器，用于检测/计算上传后图像的主要颜色。主要颜色可用于前端渲染图像，填充懒加载图像的空位。

功能

  • 元数据提取器，用于选择/存储每个上传图像的主要颜色
  • llp:lazyImage 视图助手，可用作 f:image 的替代品，其中 src 变为包含主要颜色的 svg 占位符图像的 data:image/svg+xml;base64 字符串，而真实图像添加到 data-src
  • 为每个图像对象添加了 dominant_color 属性 {image.properties.dominant_color}

此扩展受到博客 Dominant Colors for Lazy-Loading Images 的启发，并使用 ksubileau/color-thief-php 检测图像的主要颜色。