用途:把图片、音频等资源以 base64 data URI 形式嵌入单个 HTML 文件,用于构建自包含的 HTML 小部件或页面,避免外部资源依赖。
主要能力与流程:
- 先压缩。图片转为 WebP 并按显示尺寸缩放,例如:ffmpeg -i input.png -vf scale=800:-1 -quality 75 output.webp,或用 ImageMagick:convert input.png -resize 800x -quality 75 output.webp。音频转为低码率 MP3 或 Opus,例如:ffmpeg -i input.wav -ac 1 -b:a 64k output.mp3;Opus 可用 ffmpeg -i input.wav -ac 1 -b:a 48k -c:a libopus output.webm。视频不建议内嵌,应部署到 rebyte.pro。
- 编码为 base64。Linux:base64 -w0 output.webp > output.b64;macOS:base64 -i output.webp -o output.b64。
- 在 HTML 中使用 data URI,例如图片 <img src="data:image/webp;base64,PASTE_HERE" alt="description">,音频 <audio controls src="data:audio/mpeg;base64,PASTE_HERE"></audio> 或 <audio controls src="data:audio/webm;base64,PASTE_HERE"></audio>。
MIME 类型:WebP 为 image/webp,PNG 为 image/png,JPEG 为 image/jpeg,SVG 为 image/svg+xml,MP3 为 audio/mpeg,Opus/WebM 为 audio/webm,WAV 为 audio/wav。
大小参考:图标/缩略图小于 20 KB,WebP、128px;图表/示意图小于 100 KB,优先 SVG;照片小于 200 KB,WebP、800px、q75;30 秒语音片段小于 250 KB,MP3 64kbps 单声道;整页小于 5 MB,这是内联小部件的硬性上限。若总大小超过 5 MB,应改为部署到 rebyte.pro,并把资源放入 static/ 目录。
限制:内联小部件总大小上限 5 MB;视频不建议内嵌;需先压缩再嵌入。其他平台支持、收费与价格信息暂未提供。