跳到内容

📐 图片尺寸调整

将图片调整为任意宽度和高度 (像素)。保持宽高比、批量处理、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-ratioobject-fit: cover,即便原图比例不一也能在框内对齐——但若主体不在中心,人脸或商品可能被裁到框外,因此列表用图从一开始就按同一比例准备最为稳妥。

缩放是不可逆的操作。从缩小后的文件无法恢复原始分辨率,因此请务必另行保存原图。几年后被要求「印刷版」或「更大的尺寸」,是真会发生的事。可行的做法是把原图集中存放,发布用文件每次由原图生成,这样即使显示尺寸的方针改变,也只需重新构建。多数 CMS 与静态站点生成器已在构建阶段内建了这套机制。

📖 使用方法

  1. 1
    加载图片
    拖放、点击选择多个文件或使用 Ctrl+V 粘贴。
  2. 2
    设置宽度和高度
    以像素为单位输入目标尺寸。锁定比例后,修改一边会自动计算另一边。
  3. 3
    执行调整
    点击执行调整按钮处理所有图片。
  4. 4
    下载
    单独或全部下载,文件名加 _resized 后缀。

❓ 常见问题

我的图片会上传到服务器吗?
不会。所有处理均在您的浏览器中完成。
放大会模糊吗?
是。这是双线性插值,不是 AI 超分辨率,建议用于缩小。
可以批量处理吗?
是。可一次加载数十张统一处理。
🐛 此工具出现问题了吗?

免费、无需注册。仅提供复现步骤也有帮助。报告将直接发送给运营者并用于改进。

※ 为复现问题,浏览器信息 (UA / 屏幕 / 语言 / URL) 将自动发送