README

一个用于在模板和文本区域中使用 WebP 图像的代码片段和 Kirby 标签。插件会在服务器上将上传的文件转换为 WebP。这需要安装适当的扩展，比如 IM、GD 或您正在使用的任何其他工具。插件已与 GD 及 cwebp 进行过测试。

安装

手册

要使用此插件，请将所有文件放置在 site/plugins/kirby3-webp。

Composer

composer require hashandsalt/kirby3-webp

商业使用

此插件是免费的，但如果您在商业项目中使用它，请考虑以下操作：

使用方法

使用 Kirby 标签

在基本层面上，这已经足够

(webp: yourimage.webp)

这将生成一个包含默认尺寸范围的图片标签： [1920, 1140, 640, 320]。

它也接受 width、height、type、class、imgclass 和 alt。

类型允许您设置回退图片是 jpg 还是 png。

完整示例

(webp: yourimage.webp width: 800 height: 600 type: png class: picturetagclass img: imgtagclass alt: my awesome alt text)

使用代码片段

标签使用了一个代码片段，您可以在模板中使用它

snippet('webp', ['sizes' => [1920, 1140, 640, 320], 'src' => 'yourimage.webp', 'type' => 'png', 'class' => 'picturetagclass', 'width' => 800, 'height' => 600])

如果您想修改代码片段的输出，可以从插件中复制它到常规代码片段文件夹，并用您自定义的版本覆盖它。如果您想使用 focusCrop 插件而不是内置的 resize()，这非常有用。

选项

// Tag Options
'hashandsalt.kirby-webp.range' => [1920, 1140, 640, 320], // Default range of image sizes

// Convert Options
'hashandsalt.kirby-webp.template' => 'images', // file blueprint for converted files
'hashandsalt.kirby-webp.meta' => true,  // all|none|exif|icc|xmp

'hashandsalt.kirby-webp.png.encoding' => 'auto', // auto|lossy|lossless
'hashandsalt.kirby-webp.png.quality'  => 85, // 1 - 100

'hashandsalt.kirby-webp.jpeg.encoding' => 'auto', // auto|1 - 100
'hashandsalt.kirby-webp.jpeg.quality'  => 85, // 1 - 100

路线图

以下功能将逐步实现

字段方法。
文件方法。
~~在服务器上将源图像转换为 WebP~~.

hashandsalt / kirby3-webp

维护者

详细信息