teamnovu / statamic-image-placeholder
一个用于生成无头使用的模糊图像占位符的Statamic插件
1.1.3
2021-03-29 11:04 UTC
Requires
- php: >=7.3
- spatie/image: ^1.9
- statamic/cms: ^3.0.27
README
此statamic 3插件在图像上传时生成微小的模糊svg占位符。当使用statamic作为无头CMS时,这些占位符可以通过API检索。
与vue-statamic-image或nuxt-statamic-image一起使用,以快速、小巧和模糊的占位符显示响应式图像。
安装
composer require teamnovu/statamic-image-placeholder
设置
为了使此插件正常工作,您需要在Statamic配置中设置以下设置:
- config/assets.php -> 'secure' => false
- config/assets.php -> 'cache_meta' => true
工作原理
此插件在上传图像后立即生成图像的微小模糊svg版本。然后,它将包含svg内容的占位符属性保存为base64编码的字符串,存储在资产元数据中。