Javascript 图像尺寸和文件大小之间有关系吗?

Javascript 图像尺寸和文件大小之间有关系吗?,javascript,html,image,canvas,filesize,Javascript,Html,Image,Canvas,Filesize,我正在创建一个HTML5上传插件,完成后我将链接到它,从文件系统读取一个图像,然后将图像显示在画布上。然后我读取画布数据并将其发送到服务器进行处理 在小于原始图像尺寸的画布上显示图像会缩小文件大小。我注意到,对于尺寸为1024 x 768的画布,5MB的输入文件和大约1.1MB的100+MB的输入文件的文件大小是相同的,这就引出了我今天要问的问题 在未压缩形式中,是-在压缩形式中否,不一定 在压缩形式中,内容是主要因素,也是压缩的类型。图像中的高频信号越多,细节越难压缩,因此可以根据内容将相同尺

我正在创建一个HTML5上传插件,完成后我将链接到它,从文件系统读取一个图像,然后将图像显示在画布上。然后我读取画布数据并将其发送到服务器进行处理


在小于原始图像尺寸的画布上显示图像会缩小文件大小。我注意到,对于尺寸为1024 x 768的画布,5MB的输入文件和大约1.1MB的100+MB的输入文件的文件大小是相同的,这就引出了我今天要问的问题

在未压缩形式中,是-在压缩形式中否,不一定

在压缩形式中,内容是主要因素,也是压缩的类型。图像中的高频信号越多,细节越难压缩,因此可以根据内容将相同尺寸的两幅图像压缩为两种不同大小

一幅高频小图像比一幅低频模糊、无噪声等大尺寸图像更大


如果压缩后得到的图像尺寸较大,可以对其使用低通滤波,即:稍微模糊一点。

图像尺寸与图像尺寸成正比。如果您在将图像发送到服务器并调整其大小之前对其进行处理,那么毫无疑问,您的图像大小将受到影响。

我发现图像在各种操作中都会调整大小,例如,打开jpg文件并再次写入,使用PC的编码器可能会产生与原始编码器不同的结果。我仍在寻找一种方法来防止这种情况!因此,使用画布并从画布读取图像也会改变文件大小,这似乎是合乎逻辑的。我认为这些链接可以进一步帮助您:


迪克

不。。。仅包含蓝色像素的3000px 3000px png只需要几个字节,而包含相同大小照片的png只需要兆字节space@cepharum我想这可能要归结于PNG算法。我的测试是在jpg文件上进行的,因为大多数相机(如果不是全部的话)都会创建jpg类型的文件。最喜欢的答案永远是最喜欢的。您最初的问题不是关于JPEG和照片,而是关于图像文件大小和尺寸之间的关系。@cepharum是的,您是正确的。我不是想争论,只是想表明我的观点