江苏龙网

  1. 首页 > 生活 > >

图片的大小和颜色的多少有关吗

补充一下。除了格式，尺寸，颜色多少，还和颜色分布有关。图片的大小和颜色的多少有关吗
【图片的大小和颜色的多少有关吗】
图片的大小和颜色的多少有关吗

上面两张图是我用程序生成的，他们都有216种（6*6*6）颜色，而且每种颜色出现的次数一致。（图二是概率均匀分布，图一则严格一致。），也就是说，图二就是把图一完全打乱了。他们的大小则有天壤之别：8.54k 和 370k；图二如果转化为png8，大小为212k；jpg（ps下品质10）：18k和516k；gif：21k 和 294k同样大小的图片，颜色变化越剧烈，细节越丰富，则图片体积越大。这个差距比色彩深度更明显。还可以看出，色彩种类较少（216）的情况下，jpg的劣势暴露无遗。具体原理和压缩算法有关，而几种格式的压缩方法又不相同，对此不甚了解。附上实现程序（canvas），感兴趣的同学可以自己验证验证。//无序版var canvas = document.createElement("canvas");var w = 576,\th = 384;canvas.setAttribute("width", w)canvas.setAttribute("height", h)document.body.innerHTML = ""document.body.appendChild(canvas)var c = canvas.getContext("2d")d = c.getImageData(0, 0, w, h)var r = g = b = for (i = 0; i \u0026lt; h; i++) {\tfor (j = 0; j \u0026lt; w; j++) {\t\tvar s = (i * w + j) * 4;\t\td.data = https://www.zhihu.com/api/v4/questions/21308417/r;/t/td.data = g;/t/td.data = b;/t/td.data = 255;/t}}c.putImageData(d, 0, 0);window.open(canvas.toDataURL());//有序版var canvas = document.createElement("canvas");var w = 576,\th = 384;canvas.setAttribute("width", w)canvas.setAttribute("height", h)document.body.innerHTML = ""document.body.appendChild(canvas)var c = canvas.getContext("2d")d = c.getImageData(0, 0, w, h)var r = g = b = for (i = 0; i \u0026lt; h; i++) {\tfor (j = 0; j \u0026lt; w; j++) {\t\tvar s = (i * w + j) * 4;\t\tvar x = parseInt(j / w * 18),\t\t\ty = parseInt(i / h * 12);\t\td.data = https://www.zhihu.com/api/v4/questions/21308417/r;/t/td.data = g;/t/td.data = b;/t/td.data = 255;/t}}c.putImageData(d, 0, 0);window.open(canvas.toDataURL());
■网友
怒答！图片的大小肯定与颜色有关。图片文件的大小取决于图片分辨率的大小和像素位的颜色深度。举个例子，你现在面对的电脑显示器，以及我们生活中接触的大部分显示设备是RGB发光原理呈现了多种颜色变化。也就是说他们发出不同强度的R（红）色，G（绿）色，B（蓝）色混合形成我们所见的全部颜色。每种颜色的强度被分成了256级（0～255），3种颜色加起来是2的24次方，也通常所说的24位真彩色。在此种模式下，应用图像大小计算公式： 列数×行数×颜色深度÷8=图像字节数计算分辨率为640×480的图像，即为 640×480×24÷8≈1MB但是如果你的照片为灰度图（灰度级别为256级，通过调整黑白两色的程度来有效地显示单色图像），图像的颜色深度为8，占一个字节，那即变成了： 640×480×8÷8≈307kb所以，图片的大小是与颜色深度（颜色）有关的。至于上图为什么图片文件比较小，其实关键点在其格式为png，它是一种将图像文件压缩到极限以利于网络传输，但又能保留所有与图像品质有关的信息。我们在网页上所见的图形大部分不会是像上面计算那样的无损图，而是经过压缩后的图片。png格式的具体特点请参考png的wikipedia.org 的页面。另外补充一下，关于图片格式的介绍和PNG压缩格式与JPG压缩格式的选择推荐淘宝UED的一篇博文：图片格式与设计那点事儿


推荐阅读


上一篇：工信部油耗有啥意义

下一篇：移动运营商搭建的 WIFI 热点是通过啥形式实现的