图片缩放
按像素或百分比在线缩放图片,可保持宽高比,实时预览缩放结果,图片全程本地处理、不会上传。
使用说明
- 将图片拖入虚线框,或点击虚线框从本地选择文件,支持 PNG、JPG、WebP,单文件不超过 30MB。
- 在「目标宽度 / 目标高度」中输入像素值;勾选「保持宽高比」时,修改一侧会自动换算另一侧,避免图片变形。
- 需要快速缩小或放大时,直接点击 50%、75%、100%、150% 等百分比快捷按钮。
- 右侧会实时预览缩放效果并显示输出尺寸,确认无误后点击「缩放并下载」保存到本地。
- 输出格式沿用原图:JPG、WebP 输出时透明区域会以白色填充,PNG 保留透明背景。
常见问题
缩小图片会损失画质吗?
如何避免图片被拉伸变形?
我的图片会被上传吗?
透明背景会怎样处理?
使用步骤
- 导入需要缩放的图片
把 PNG、JPG 或 WebP 图片拖进虚线框,或点击选择本地文件,上限 30MB。界面会显示原始尺寸供参考。
- 按像素填写目标尺寸
在目标宽度和高度输入框填像素值。勾选保持宽高比时,只改一边另一边自动换算,图片不会变形。
- 用百分比快速缩放
点击 50%、75%、100% 或 150% 快捷按钮,目标宽高会按原图比例直接填好,适合快速减半或放大。
- 确认效果后一键下载
缩放后面板实时显示输出尺寸和字节数。确认后点击缩放并下载,文件立即保存到本地设备。
- 留意格式与透明背景
输出格式跟随原图:PNG 保留透明背景。JPG 与 WebP 会把透明区域填白,需要透明时先转成 PNG。
工具详细介绍
缩放是按目标尺寸重新采样像素。缩小时多个像素合并,画面通常更锐利;放大要靠插值补像素,超出原图分辨率越多越容易发虚。工具默认勾选保持宽高比,改一边另一边自动换算,避免拉伸变形。计算全部在浏览器 Canvas 中完成,单边超过 16384 像素会被自动拦截,以防内存溢出。
典型用途:把手机拍摄的 4000 像素原图缩到博客正文需要的 1200 像素,按平台要求调整头像尺寸,或把商品图统一成相同规格。缩放不改变构图,只重新分配像素密度,适合调整分辨率而非裁剪的场合。先缩放再配合图片压缩工具,能把体积降到最低。
原理与背景
缩小不是简单丢弃像素。浏览器缩放绘制时使用平滑插值,从 4000 像素一步压到 400 像素,容易出现锯齿与摩尔纹。分两三次逐级减半过渡更自然,最后一级再精确落到目标尺寸。放大靠插值补出像素,算法只能在相邻像素之间取平均,镜头没有拍到的细节无法凭空还原。放大倍数越高,插值补出来的空隙越多。放大后发糊是数学上的必然,与工具实现无关。
讨论尺寸还要分清物理像素与 CSS 像素。正文栏宽 1200 CSS 像素的页面,在两倍屏上需要 2400 物理像素的素材才够锐利。宽高各翻一倍,像素总量变成四倍,体积随之放大。按展示端的真实像素密度备图,比一律塞最大图更划算。桌面与移动端各出一档,多数布局就能兼顾清晰度与加载速度,遇到特殊比例再补第三档。
典型使用场景
- 对齐正文栏宽出图
博客正文栏通常在 700 到 1200 像素宽,把配图缩到栏宽以内再上传,读者不必下载屏幕显示不下的像素。页面加载更快,显示尺寸也贴合版式。
- 为 2 倍屏准备素材
界面切图先按 1 倍设计稿确定 CSS 尺寸,再统一放大两倍导出物理像素,高分屏上文字与边缘保持锐利。文件约变大四倍,必要时配合压缩找回体积。
- 凑齐证件照与表格规格
系统要求照片恰好 295×413 像素这类精确值时,先按比例裁好构图,再缩放到目标数值。两步配合比直接硬拉出变形照片体面得多,也更容易过审。
使用技巧
- 只想快速减小时,直接点 50% 快捷按钮,宽高自动填好,无需手动计算。
- 放大超过原图两三倍会明显模糊。尽量只缩不放,或重拍更清晰的素材。
- 取消勾选保持宽高比可强制指定宽高,但画面会拉伸,仅用于特殊布局。
注意事项
- 跨越式缩小产生伪影
从 4000 像素直接缩到 400 像素,一步到位容易出现锯齿与摩尔纹。分两三次逐级减半采样更干净,最后一级再精确调整到目标尺寸,边缘质量肉眼可见地更好。
- 放大是插值不是复原
插值只能用邻近像素的平均值填补空隙,织物纹理与文字笔画最先被抹平。需要大尺寸输出时回到原始大图重新缩放,而不是把小图硬拉到位。
- 像素与厘米要过 DPI
缩放改变的是像素而非物理长度:同一张 1200 像素宽的图,按 300 DPI 打印约 10 厘米宽。按 72 DPI 排进页面则超过 40 厘米。打印前先定 DPI 再倒推像素。