内联js和图片到html的核心限制是：js可直接写入script标签，而图片必须通过base64编码为data url嵌入img的src属性；大图慎用，js超5kb或图片超200kb会显著影响加载性能。
直接内联 JS 和图片到 HTML 的核心限制
浏览器加载 HTML 时，script 标签里的 JS 可以直接写进去（内联），但图片不行——<img src="..." alt="如何将js和img文件合成一个html" > 的 src 必须是 URL，不能是二进制数据或 Base64 以外的原始字节。所以“合成”不是拼接文件，而是把资源编码后嵌入 HTML 文本中。
用 Base64 编码图片并内联到 ![如何将js和img文件合成一个html]()
标签
这是最常用、兼容性最好的做法。图片转成 Base64 字符串后，可作为 src 的 data URL 使用。
- 用命令行快速编码：
base64 -i photo.jpg -o photo.b64（macOS/Linux）；Windows 可用 PowerShell：[Convert]::ToBase64String((Get-Content photo.jpg -Encoding Byte)) - 拼接前注意前缀：
data:image/jpeg;base64,<base64></base64>，类型要匹配（jpeg/png/gif） - 大图慎用：100KB 以上的图片会让 HTML 体积激增，首次加载变慢，且无法被浏览器缓存
- 不支持 IE8 及更早版本（但基本已无实际影响）
