嵌入式WEB html界面如何转C语言数组-bd7iow

可能大神太多吧。网络上比较少能找到有关的内容。最近用ESP32-CAM的网页，并且要做一点小小的修改。找到CAM的原版html文件后，在Linux 上tar -zcvf xxx.html.gz xxx.html。然后利用linux自带的强大工具hexdump命令。
如：hexdump -e ‘16/1 "0x%02X, " “\n” ’ xxx.html.gz > xxx.txt，具体甚意思大家可以自查。将数据以16进制的方式打印到文件。但是在linux在压缩文件为gz格式时，发现hexdump打印出来的16进制文件中前10个字节和在win系统下用7z压缩为gz格式再linux hexdump的格式不同，Linux下会多一些字符，如下：

在win下7z压缩为gz文件后再hexdump则正常：

刚开始时以为压缩为gz文件纯碎是方便利用hexdump提取其中的压缩数据，但后来想想不对，查了资料才发现，原来html文件传到浏览器过程中是可以先压缩为GZIP格式的文件再传输的，压缩文件传输到浏览器后，会自动解压后再渲染出来，这样可以大大减少网络传输的压力。另一方面压缩后的文件大约才6KB，相比直接转义字符串40多KB存单片机Flash的方式节约了很多资源。。。
最终效果

2022.5月：
最近网上可以找到gzip压缩并转换为hex的在线网站了：
网页转hex：
https://gchq.github.io/CyberChef/#recipe=Gzip(‘Dynamic%20Huffman%20Coding’,‘index.html.gz’,‘’,true)To_Hex(‘0x’,30)Split(‘0x’,‘,0x’)

hex转网页：
https://gchq.github.io/CyberChef/#recipe=Find_/_Replace(%7B’option’:‘Regex’,‘string’:‘,’%7D,‘’,true,false,false,false)Remove_whitespace(true,false,true,false,false,false)From_Hex(‘0x’)Gunzip()