10个版本
| 0.2.2 | 2022年1月8日 |
|---|---|
| 0.2.1 | 2021年9月8日 |
| 0.1.1 | 2021年6月23日 |
| 0.0.5-rc.1 | 2021年3月7日 |
| 0.0.5-alpha | 2021年2月14日 |
#856 in 图片
每月下载 27 次
49KB
1K SLoC
html5-picture
批量优化图片到cwepb格式。生成html5图片标签。
正在开发中。目前请查看 docs.rs 文档。
lib.rs:
文档仍在编写中，如果您有任何问题，欢迎 提交问题。:-)
目的
支持本包内的二进制文件。包含用于轻松生成网页上可用的不同尺寸图片的功能。还提供将它们转换为webp格式的可能性，并能够为指定的图片创建 <picture> 标签。
目前这个crate只能将 png 文件转换为webp，使用 cwebp。所以请确保您的计算机上已安装webp。
安装
可以使用 cargo install html5-picture 安装二进制文件。如前所述，在使用之前请确保已安装webp。
使用方法
使用 html5-picture --help 查看所有参数的概述。
示例
使用三个缩放比例和70%质量进行转换
如果您想将 ./assets 中的图片转换为三个不同的大小，转换质量为70%，请输入以下命令
html5-picture ./assets 3 -q 70
这将转换您的图片并将它们保存到 ./assets-html5picture。此文件夹也是工作目录，确保在应用程序运行时不要修改它。
使用给定安装文件夹进行转换
如果您将 -<folder_name> 作为参数传递，转换和缩放后，结果文件将从工作目录移动到指定的 <folder_name>
html5-picture ./assets 3 -q 100 -i ./assets-build
在此示例中，图片安装到 ./assets-build。
强制覆盖
使用 - 或 --force-overwrite 标志将覆盖现有的 webp 或 HTML5 图片标签文件。
html5-picture ./assets 3 -q 100 -i ./dist -f
将图片标签文件写入磁盘
使用 - 选项，可以将 <picture> 标签保存到磁盘。然而，建议与 -m 一起使用，它为您在标签文件中设置挂载点。
html5-picture ./assets 4 -i ./dist -p ./html5-tags -m /some/web-server/mountpoint
通过 JSON 读取输入文件
即将推出功能。可以使用 JSON 格式定义图片。 html5-picture 将从 stdin 读取它。这使得可以定义所有属性，例如每张图片的 alt。
依赖关系
~29–41MB
~399K SLoC