首先打开图片转换工具 Image2lcd v3.2
然后打开第一张你想要转换的图片
然后选择批量转换，点击确定（注意页面一些输入框中的参数内容因人而异）
特别注意的是，由于处理的文件较多可能会卡死，但是不要担心看着是卡着不动，可能还在运行，可以打开目标文件夹确认是否还在产生新的.bin文件
将这些.bin文件合成为一个.bin文件
按住 win + r 键 在弹出的框中输入cmd 点击 确定 打开cmd面板
然后用 pushd 指令先进入到文件所在目录
楼上的答案确认是对的，再给你一个答案，我觉得我写的比楼上的啰嗦。
/*var datas = [
['红色', '蓝色'],
['XL'],
['图片', '文字']
]
*/
/*
var datas = [
['红色', '蓝色'],
['XL'],
['图片', '文字'],
[1,2,3,4,5,6,7,8]
]
var datas = [
['红色', '蓝色'],
['XL','MS'],
['图片', '文字']
]
*/
var datas = [
['红色', '蓝色'],
['XL','MS'],
['图片', '文字'],
['WIN','LINUX','UNIX','OSX']
]
var merge1 = function(arr1,arr2) {
var result = []
for(var i=0i<arr1.lengthi++) {
for(j=0j<arr2.lengthj++) {
var tmp = []
tmp.push(arr1[i])
tmp.push(arr2[j])
result.push(tmp)
}
}
return result
}
var merge2 = function(arr1,arr2) {
var result = []
for(var i=0i<arr2.lengthi++) {
for(var j=0j<arr1.lengthj++) {
var tmp = copy(arr1[j])
tmp.push(arr2[i])
result.push(tmp)
}
}
return result
}
var copy = function(arr) {
var newArr = []
return newArr.concat(arr)
}
var iterator = function(data) {
return {
data:data,
len:data.length,
current:0,
hasNext:function(){
return this.current < this.len
},
next:function() {
if(!this.hasNext()) {
return null
}
var i = this.current
this.current++
return this.data[i]
}
}
}
var it = iterator(datas)
var a1=null,a2=null
while(it.hasNext()) {
if(a1 == null) {
a1 = it.next()
}
a2 = it.next()
if(a2 == null) {
break
}
if(a1[0] instanceof Array) {
a1=merge2(a1,a2)
}else{
a1 = merge1(a1,a2)
console.log(a1)
}
}
console.log(a1)
其实这个很简单，原则上就是，你有几个外部加入的东西，就会有几次请求。比如你页面上用了5张图片，这五张图片是5个独立的文件，那么就会产生5次请求。如果是把5张图片合并成一张，用定位的方法来用的话，那么就变成1次请求了。所以，这也是优化CSS的一种常用方式，减少页面请求，加快网页的加载速度。同理，一个JS,一个CSS分别都算是一次请求。这种的请求是由做这个页面的人决定的，制作者在页面中加入多少外部元素，就会产生多少次请求。
推荐使用火狐浏览器
