📐 图片尺寸调整
将图片调整为任意宽度和高度 (像素)。保持宽高比、批量处理、PNG / JPEG 输出。浏览器内处理。
完全免费
无需注册
浏览器内完成
5 种语言
深色模式
🔒 关于隐私
- ・所有处理均在您的浏览器中完成
- ・图片数据绝不会发送到任何服务器
- ・无存储日志、无上传记录、无数据库
- ・无需注册、登录或付款
📂
拖放、点击或粘贴图片 (支持多张)
📖 常见的坑
把图片缩放到指定的宽高,支持保持宽高比与多张批量处理,处理全部在浏览器内完成。缩小效果很好,放大却无法凭空增加信息——放到超过原始尺寸,并不会长出原本不存在的细节,只会变糊或出现阶梯状边缘。「想把小图用大」应当通过重新获取素材来解决,而不是靠缩放。
| 情形 | 会发生什么 | 怎么处理 |
|---|---|---|
| 放上了远大于所需的图片 | 相机或手机拍摄的照片宽度约 4,000px。把它直接放进显示宽度 600px 的位置,浏览器会先下载并解码整整 4,000px,再缩小绘制。浪费的不只是流量,还有内存与解码时间。在移动网络下,这往往是页面「感觉慢」的首要原因。 | 请以显示宽度的 2 倍为上限。600px 的位置用 1,200px 就够——即便考虑 Retina 屏,再大也看不出差别。若能准备多档分辨率,用 srcset 交给设备选择最理想;但若只准备一张,就按「显示最大的位置的 2 倍」定死。再用图片格式转换转成 WebP,同样观感下还能再小 20~30%。 |
| 缩小后的图片发虚 | 缩小幅度很大时,浏览器或 Canvas 的默认插值会一步到位,细节被平均掉,画面显得发虚。从 4,000px 缩到 400px(十分之一)时尤其明显。若图中含文字或徽标,细线可能淡到无法辨认。 | 请分阶段缩小——不要一步缩到十分之一,改为每次减半、分 3~4 次,细节会保留得更多。若图中含文字,更可靠的做法是根本不要把文字放进图片:用 HTML 文本叠加,任何分辨率下都清晰,可复制、可被搜索、也能被翻译。若是徽标,用 SVG 缩放不会劣化;SVG 优化还能压缩文件体积。 |
| 批量处理后比例参差不齐 | 在原图比例并不统一的情况下只指定「宽 800px」,高度就会按各自的比例参差不齐,排成列表时高度对不齐,版式随之破碎。反过来同时固定宽高,图片又会被拉伸变形。 | 裁剪与缩放是两件事。要统一比例,请先用图片裁剪切成相同比例,之后再缩放。若在 CSS 侧解决,指定 aspect-ratio 与 object-fit: cover,即便原图比例不一也能在框内对齐——但若主体不在中心,人脸或商品可能被裁到框外,因此列表用图从一开始就按同一比例准备最为稳妥。 |
缩放是不可逆的操作。从缩小后的文件无法恢复原始分辨率,因此请务必另行保存原图。几年后被要求「印刷版」或「更大的尺寸」,是真会发生的事。可行的做法是把原图集中存放,发布用文件每次由原图生成,这样即使显示尺寸的方针改变,也只需重新构建。多数 CMS 与静态站点生成器已在构建阶段内建了这套机制。
📖 使用方法
-
1
加载图片拖放、点击选择多个文件或使用 Ctrl+V 粘贴。
-
2
设置宽度和高度以像素为单位输入目标尺寸。锁定比例后,修改一边会自动计算另一边。
-
3
执行调整点击执行调整按钮处理所有图片。
-
4
下载单独或全部下载,文件名加 _resized 后缀。
❓ 常见问题
我的图片会上传到服务器吗?
不会。所有处理均在您的浏览器中完成。
放大会模糊吗?
是。这是双线性插值,不是 AI 超分辨率,建议用于缩小。
可以批量处理吗?
是。可一次加载数十张统一处理。
🐛 此工具出现问题了吗?
免费、无需注册。仅提供复现步骤也有帮助。报告将直接发送给运营者并用于改进。
✅
感谢您的反馈!
已送达运营者,将用于改进工具。