点击或拖拽图片到这里上传
支持 JPG、PNG、WebP、GIF 格式
所有处理在本地完成,图片不会上传到服务器
图片信息
原始尺寸: -
文件大小: -
尺寸设置
宽度
px
高度
px
缩放
100%
输出格式
质量 90%
预览
输出尺寸: -
输出格式: JPG

图片裁剪与调整尺寸工具说明

本工具基于浏览器 Canvas API 在本地实现图片裁剪与尺寸调整,支持调整尺寸裁剪两种模式:调整尺寸可按像素或百分比缩放图片并锁定宽高比,裁剪可通过可视化裁剪框按 1:1、4:3、16:9、3:2、2:3 等预设比例或自由比例截取画面,处理后可导出 JPG、PNG、WebP 格式。全部计算在本地完成,图片不会上传到任何服务器,保障隐私安全。

使用步骤

  • 点击上传区域或拖拽图片到页面,支持 JPG、PNG、WebP、GIF 格式
  • 选择操作模式:调整尺寸用于缩放图片,裁剪用于截取图片部分区域
  • 调整尺寸模式:输入目标宽度和高度,可锁定宽高比保持比例,或使用百分比滑块快速缩放
  • 裁剪模式:拖动图片创建裁剪框,选择预设比例或自由裁剪,调整裁剪区域后点击应用
  • 选择输出格式(JPG/PNG/WebP),调整质量后点击下载保存结果

适用场景

  • 头像制作:按 1:1 比例裁剪生成方形头像,用于社交平台、论坛等
  • 封面配图:按 16:9、4:3 等比例裁剪制作视频封面、文章题图
  • 网页素材:将大图缩放到合适尺寸,减小体积、加快加载
  • 电商主图:统一商品图尺寸与比例,满足平台上传规范
  • 证件照调整:按需要的像素尺寸裁剪和缩放证件照

常见问题

调整尺寸和裁剪有什么区别?

调整尺寸是对整个图片进行缩放,改变图片的分辨率但不改变内容;裁剪是截取图片的某个区域,保留选中部分而丢弃其他部分。两者可以配合使用,先裁剪再调整尺寸。

锁定宽高比有什么作用?

锁定宽高比后,调整宽度或高度时另一边会自动按比例调整,确保图片不会变形。例如锁定后宽度设为800px,高度会自动计算保持原始比例。

如何裁剪正方形头像?

选择裁剪模式,在裁剪比例中选择 1:1,然后在图片上拖动创建裁剪框,调整位置后点击应用。输出的图片将是完美的正方形。

JPG、PNG、WebP 该选哪个格式?

JPG 适合照片类图片,文件小但有损压缩;PNG 适合需要透明背景的图片,无损但文件较大;WebP 是新一代格式,压缩率高且支持透明,推荐用于网页。如无特殊需求建议使用 WebP 或 JPG。

放大图片会变模糊吗?

会。调整尺寸是对像素进行插值缩放,放大超过原始尺寸时会因为缺少真实细节而变模糊。若需要高质量放大,建议使用专门的图片放大工具。缩小图片则一般不会损失清晰度。

图片处理会上传到服务器吗?

不会。所有图片处理都在您的浏览器本地完成,使用 Canvas API 进行裁剪和缩放,图片数据完全不会离开您的设备,100% 保护隐私安全。