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

标签 javascript html image canvas filesize

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

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

最佳答案

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

在压缩形式中,内容是主导因素以及压缩类型。图像的高频信号(噪声、细节)越多,图像就越难压缩,因此相同尺寸的两张图像可以根据内容压缩为两种不同尺寸。

一张高频的小图像可以变得比一张低频的大尺寸图像更大(模糊、无噪声等)。

如果压缩后获得大尺寸图像,则可以对其使用低通滤波(即此处:稍微模糊一下)。

关于javascript - 图像尺寸和文件大小之间有关系吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23224498/

相关文章:

html - 使链接文本与链接背景高度相同

html - threepenny-gui - 打开文件

android - Android 应用程序的免版税背景图片

javascript - 为什么 iframe 会因为 URL 中的特殊字符而加载失败?

javascript - 是否有用于仅在移动设备上消失的 Bootstrap 类?

javascript - 在选择元素的随机位置附加选项?

image - CSS3 旋转动画

javascript - 如何使用同一按钮设置多个输入字段的值

jquery - HTML 5 从 Outlook 拖放电子邮件

javascript - 如何使用 jQuery/Javascript 隐藏 WordPress 的 TinyMCE 图像编辑器对话框中的元素?