用在线工具把图片改小尺寸,结果文件反而比原图大;或者把图片放大,发现并不清晰——这两个「反直觉」都不是工具坏了。NBTools 的图片改尺寸工具在浏览器本地用 Canvas 缩放,本文把背后的两个原因一次讲清,并告诉你怎么选才不踩坑。文件始终不上传。
先给结论:改尺寸只改变像素宽高,不改变编码方式——本工具把结果输出为 PNG;而很多原图是已经被压缩过的 JPG。把「压缩过的 JPG」重画成「未压缩的 PNG」,体积就可能变大。放大则是另一回事:Canvas 只是按算法把已有像素插值放大,并不凭空补回细节,所以不会更清晰。
真相一:改完尺寸文件为什么变大了
工具在本地用 Canvas 重新绘制图片后,导出时固定保存为 PNG 格式。PNG 是无损但体积偏大的格式;而相机、手机导出的原图通常是 JPG,本身已经过有损压缩。于是出现这种情况:
- 原图是一张 2MB 的 JPG,缩成一半尺寸后导出 PNG,可能变成 2.5MB 甚至更大——因为 PNG 没再压。
- 文件名会带
-resized后缀,但扩展名沿用原图(例如photo.jpg→photo-resized.jpg),里面的数据其实是 PNG,下载后照样能正常打开。
如果你改尺寸的主要目的是压小体积,那该用的是图片压缩工具(按质量或目标大小压缩,支持 JPG/WebP),而不是改尺寸工具。改尺寸适合「要某个具体像素宽高」,压体积请用压缩。
真相二:放大为什么不会更清晰
把比例拉到 100% 以上、或自定义宽高填得比原图大,工具会用 Canvas 的 drawImage 把已有像素放大重绘。这只是插值(在相邻像素之间算过渡色),不会凭空补回原本就没有的细节。所以:
- 放大后的图在屏幕上看起来「变大了」,但放大细看会更柔、边缘发虚,不会比原图更清楚。
- 需要高清晰度的大图,正确的做法是从原图(更高分辨率的源文件)重新导出,而不是把小图放大。
反过来,把图片缩小则是安全的:丢掉的是多余像素,观感通常更干净。
两种缩放模式怎么选
| 模式 | 怎么填 | 适合 |
|---|---|---|
| 按比例 | 拖滑块 1%–200%,如 50% 即缩一半 | 只想整体放大/缩小 |
| 自定义宽高 | 分别填宽、高(px) | 要精确的目标像素,如 800×600 |
两种模式都在本地完成,处理前先把原宽度高度读出来填好,避免填错导致比例失调。
常见问题
改尺寸和压缩有什么区别
改尺寸改的是像素宽高;压缩改的是文件体积(编码质量)。想压小体积用压缩工具,想定宽高用改尺寸工具,两者可以先后配合。
放大后真的不能更清晰吗
对。Canvas 缩放只是插值放大已有像素,不补细节,放大细看会更虚。要清晰大图请从更高分辨率源文件重新导出。
为什么下载的文件名还是 .jpg 但打不开提示损坏
不会损坏。结果实为空 PNG 数据,文件名沿用了原扩展名,主流看图软件都能正常识别打开;如担心可手动改后缀为 .png。
文件会上传吗
不会。缩放在浏览器本地通过 Canvas 完成,文件不上传服务器。
相关工具
- NBTools 图片改尺寸:https://nbtools.cn/tools/image-resize
- 图片压缩:压小体积、保持清晰
- 图片格式转换:JPG/PNG/WebP 互转
- 批量图片处理:重命名/缩放/水印