Webp 转换场景

0.10.0 2021-03-11 21:30 UTC

This package is auto-updated.

Last update: 2024-09-12 05:56:08 UTC


README

它是做什么的?

这个库是针对 Webp 的需求示例短场景,后台使用 rosell-dk/webp-convert。将有两种场景

  1. 调用尚未有 Webp 版本的图片时,将重定向到原始源并在后台运行 Webp 图片转换器
  2. 调用尚未有 Webp 版本的图片时,将流式传输原始源并在后台运行 Webp 图片转换器

后续对 jpg/png 的调用将在 Apache 重新编写级别返回 Webp。

目前只实现了第一种场景。

重定向到原始源后生成的 Webp 图片

如何安装?

  1. composer req sourcebroker/webp
  2. 进入文件夹 vendor/sourcebroker/webp/Resources/WebpRedirectToOriginalAndConvertInBackground
  3. 将那里的部分 htaccess 复制到您的 htaccess 或 vhost 配置文件中。
  4. 将示例 webp.php 复制到您的 DocumentRoot 文件夹。根据需要更改到 vendor 文件夹的路径。
  5. 您的 Webp 文件将存储在 DocumentRoot 文件夹中的单独文件夹中。默认情况下,它是 _processed_/webp-images。您可以通过在 .htaccess 文件和 webp.php 文件中替换 _processed_/webp-images 来更改此文件夹。
  6. 如果您打开文件夹 vendor/sourcebroker/webp/Resources/WebpRedirectToOriginalAndConvertInBackground/cms-specific,您将找到为特定 CMS(例如 TYPO3)准备的 htaccesswebp.php。选择的文件存储路径最适合 CMS。

如何测试?

  1. 进入 Chrome DevTools 中的网络标签。当您刷新网站时,您应该看到 jpg/png 文件被重定向到相同的 URL,但带有 ?processing 参数。
  2. 当您第二次刷新页面时,一些 jpg/png 应该已经转换。那些将在 类型 列中带有 webp
  3. 检查您的 DocumentRoot 文件夹,应该已经创建了一个包含 Webp 文件的 _processed_/webp-images 文件夹。