sourcebroker / webp
Webp 转换场景
0.10.0
2021-03-11 21:30 UTC
Requires
- php: >=7.0
- rosell-dk/webp-convert: ^2.4
README
它是做什么的?
这个库是针对 Webp 的需求示例短场景,后台使用 rosell-dk/webp-convert。将有两种场景
- 调用尚未有 Webp 版本的图片时,将重定向到原始源并在后台运行 Webp 图片转换器
- 调用尚未有 Webp 版本的图片时,将流式传输原始源并在后台运行 Webp 图片转换器
后续对 jpg/png 的调用将在 Apache 重新编写级别返回 Webp。
目前只实现了第一种场景。
重定向到原始源后生成的 Webp 图片
如何安装?
composer req sourcebroker/webp
- 进入文件夹
vendor/sourcebroker/webp/Resources/WebpRedirectToOriginalAndConvertInBackground
- 将那里的部分 htaccess 复制到您的 htaccess 或 vhost 配置文件中。
- 将示例
webp.php
复制到您的 DocumentRoot 文件夹。根据需要更改到 vendor 文件夹的路径。 - 您的 Webp 文件将存储在 DocumentRoot 文件夹中的单独文件夹中。默认情况下,它是
_processed_/webp-images
。您可以通过在.htaccess
文件和webp.php
文件中替换_processed_/webp-images
来更改此文件夹。 - 如果您打开文件夹
vendor/sourcebroker/webp/Resources/WebpRedirectToOriginalAndConvertInBackground/cms-specific
,您将找到为特定 CMS(例如 TYPO3)准备的htaccess
和webp.php
。选择的文件存储路径最适合 CMS。
如何测试?
- 进入 Chrome DevTools 中的网络标签。当您刷新网站时,您应该看到 jpg/png 文件被重定向到相同的 URL,但带有
?processing
参数。 - 当您第二次刷新页面时,一些 jpg/png 应该已经转换。那些将在
类型
列中带有webp
。 - 检查您的 DocumentRoot 文件夹,应该已经创建了一个包含 Webp 文件的
_processed_/webp-images
文件夹。