通过
搜索
搜索daun / statamic-placeholders
生成低质量图像占位符以实现Statamic资产的懒加载
2.1.1
2024-07-23 21:53 UTC
Requires
- php: ^8.1
- guzzlehttp/guzzle: ^7.8
- intervention/image: ^2.7
- kornrunner/blurhash: ^1.2
- laravel/framework: ^9.21 || ^10.0 || ^11.0
- srwiez/thumbhash: ^1.2
- statamic/cms: ^4.0 || ^5.0
Requires (Dev)
- larastan/larastan: ^2.9
- laravel/pint: ^1.14
- mockery/mockery: ^1.6
- orchestra/testbench: ^8.21
- pestphp/pest: ^2.34
- pestphp/pest-plugin-laravel: ^2.3
- spatie/pest-plugin-snapshots: ^2.1
README
生成Statamic资产的图像占位符以实现更平滑的懒加载。
低质量图像占位符（LQIP）在高质量版本加载时显示小而模糊的占位符图像，从而提高网站的性能感知，通常与渐进式懒加载结合使用。
特性
- 为资产创建模糊图像占位符
- 在ThumbHash、BlurHash和平均颜色占位符之间选择
- 在上传时生成占位符，或可选地按需生成
- 用于批量生成的控制台命令
工作原理
该插件附带一个占位符图像字段类型，并将在其蓝图中有此字段类型的每个资产自动生成一个小而模糊的占位符图像。在您的前端视图中，您可以通过访问数据URI字符串来访问图像占位符，以在高质量图像加载时显示。
快速入门
- 使用
composer require daun/statamic-placeholders安装 - 将
placeholder字段添加到您的资产蓝图→assets.yaml - 使用
{{ placeholder }}字段在{{ asset }}标签内显示占位符数据URI
文档
阅读文档以获取有关设置和配置插件的详细指南。