teamnovu/statamic-image-placeholder

一个用于生成无头使用的模糊图像占位符的Statamic插件

1.1.3 2021-03-29 11:04 UTC

This package is auto-updated.

Last update: 2024-08-29 05:43:35 UTC


README

此statamic 3插件在图像上传时生成微小的模糊svg占位符。当使用statamic作为无头CMS时,这些占位符可以通过API检索。

vue-statamic-imagenuxt-statamic-image一起使用,以快速、小巧和模糊的占位符显示响应式图像。

安装

composer require teamnovu/statamic-image-placeholder

设置

为了使此插件正常工作,您需要在Statamic配置中设置以下设置:

  • config/assets.php -> 'secure' => false
  • config/assets.php -> 'cache_meta' => true

工作原理

此插件在上传图像后立即生成图像的微小模糊svg版本。然后,它将包含svg内容的占位符属性保存为base64编码的字符串,存储在资产元数据中。