图像尺寸和文件大小之间是否存在关系?

时间:2014-04-22 15:58:33

标签: javascript html5 image canvas filesize

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

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

3 个答案:

答案 0 :(得分:5)

以未压缩的形式,是 - 以压缩形式否,不一定。

以压缩形式内容是主要因素以及压缩类型。图像具有的高频信号(噪声,细节)越难以压缩图像,因此根据内容,可以将两个相同尺寸的图像压缩为两个不同的大小。

一个高频率的小图像可能比低频率的大尺寸图像(模糊,无噪声等)大。

如果你在压缩后得到一个大尺寸的图像,你可以对它使用低通滤波(即这里:模糊一点)。

答案 1 :(得分:1)

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

答案 2 :(得分:1)

我发现图像会在所有类型的操作中调整大小,例如:通过打开jpg文件并使用您的PC编码器再次将其写回,这可能会产生与原编码器不同的结果。我仍在寻找防止这种情况的方法!因此,使用画布并从那里读取图像也会改变文件大小似乎是合乎逻辑的。我认为这些链接可能会对您有所帮助:

HTML5 canvas: image resizing

Html5 Canvas resize

迪克