🖼️
点击或拖拽图片到此处
支持 PNG, JPG, WebP 格式
图片尺寸修改完整使用指南
本工具在浏览器中用 FileReader + canvas 缩放图片，并展示原始体积/尺寸、结果体积/尺寸与压缩率。预览区支持点击/拖拽上传，提示支持 PNG、JPG、WebP。主操作按钮为：「下载处理后的图片」「刷新预览」「清空内容」。另有比例或固定尺寸相关预设。处理在本地完成，适合快速改边长，不是专业 RAW/分层修图软件，也不会凭空提升放大后的真实细节。
界面与操作对应
- 统计条：原始大小/尺寸、结果大小/尺寸、压缩率。
- 预览容器：未上传时显示占位提示；上传后显示主图预览。
- 刷新预览：按当前宽高设置重绘 canvas 并更新结果体积估算。
- 下载：导出处理后的图片。
- 清空：复位预览、禁用下载/预览按钮，并清空文件选择。
- 非图片文件会被忽略，只有
image/*类型进入处理流程。
推荐步骤
- 上传原图，先看原始尺寸是否远大于目标平台要求。
- 设定目标宽高或使用预设；需要保比例时使用对应锁定/比例选项。
- 点「刷新预览」确认构图与清晰度，再看结果体积是否下降。
- 满意后下载；若需重来点清空再上传。
- 正式发布前，在目标平台再预览一次，确认裁切与压缩策略符合规范。
适用场景
- 电商主图、头像、社交媒体封面统一尺寸
- 上传前先缩小边长，辅助减小文件体积
- 给文档/网页快速导出指定分辨率预览图
- 批量前先单张试参数，确认比例与清晰度
不同平台的尺寸选择
社交媒体头像通常使用正方形尺寸，先勾选锁定比例可以避免人物被拉伸；横向封面应先确认平台的推荐宽高比，再填写目标宽度。电商主图需要同时满足平台的最小像素与文件大小限制，建议保留原图并导出一份压缩副本。网页图片优先按实际显示宽度缩小，避免把数千像素的原图直接放进页面，这样能减少下载流量并改善移动端加载速度。调整后请检查文字边缘、透明背景和主体是否完整，再下载最终文件。
常见图片尺寸参考
下表是设计和发布时常见的起点尺寸，不同平台可能随版本调整，提交前仍应以平台帮助中心的要求为准。尺寸表示宽 × 高，单位为像素。
| 用途 | 常用尺寸 | 设置建议 |
|---|---|---|
| 头像与方形缩略图 | 800 × 800 或 1080 × 1080 | 锁定比例，主体留出安全边距 |
| 网页文章配图 | 1200 × 675 或按内容栏宽度 | 优先 WebP，避免超过实际显示宽度 |
| 横向社交媒体封面 | 1200 × 630 | 先确认文字不会落入平台裁切区域 |
| 电商商品主图 | 1000 × 1000 起 | 保持清晰度，同时控制上传体积 |
调整示例：从原图到可发布文件
例如，一张 4000 × 3000 的相机照片要放进文章正文。先上传原图，打开锁定比例，把宽度改为 1200，工具会自动计算高度为 900；导出格式选择 WebP，质量从 85% 开始，点击刷新预览并比较结果体积。如果图片主体需要重新构图，应先使用在线图片裁剪确定画面，再回到本页缩放。若文件仍然偏大，可以继续降低质量，或使用图片压缩工具做最后一步优化。
另一个例子是制作透明背景的商品图：输入目标宽高后选择 PNG，检查边缘是否出现锯齿，再下载结果。若收件方只接受 JPG，可先通过图片格式转换工具转换；需要隐藏敏感信息时，则应先使用图片模糊处理，再调整尺寸。这样能把裁剪、隐私处理、缩放和格式选择拆成可检查的步骤，减少反复导出造成的画质损失。
清晰度、DPR 与文件体积
网页图片不一定越大越清晰。普通内容栏如果只显示 600 像素宽，导出 1200 像素通常已经能兼顾高清屏幕的显示效果；继续放大只会增加下载时间。手机端网络较慢时，应优先缩短长边并选择 WebP，再通过质量滑块寻找清晰度和体积的平衡。带有细小文字、表格或截图的图片，需要在缩小后放大检查文字是否可读；照片则可以接受适度压缩。建议把原始文件单独保存，结果文件使用明确的尺寸和格式命名，方便以后按平台要求重新导出。发布前还应在手机和桌面端各检查一次，确认没有变形、裁切或加载过慢的问题。
发布前还应在手机和桌面端各检查一次，确认没有变形、裁切或加载过慢的问题，并确认下载文件可以正常打开。
画质与格式边界
- 放大不会凭空增加真实细节，容易发糊。
- 多次有损重编码（尤其 JPEG）会累积画质损失；尽量基于原图一次导出。
- 透明通道是否保留取决于导出格式与实现（PNG 更适合透明图）。
- 超大图受浏览器内存限制，可能失败或很慢。
- HEIC 等格式取决于浏览器解码能力，可能需先转换。
常见问题
图片会上传服务器吗？
处理链路基于本地读取与 canvas 导出，不需要登录上传修图。
为什么体积没变小？
若只改一点尺寸或导出格式本身更大，体积可能变化不明显。优先减小边长，再考虑格式。
支持 HEIC 吗？
取决于浏览器是否能解码该类型。页面明确提示常见 PNG/JPG/WebP；HEIC 可能需先转换。
下载按钮为什么是灰的？
未成功加载图片前，下载与预览按钮为 disabled，需要先上传有效图片。
能批量处理文件夹吗？
当前是单图交互流程。批量需求请逐张处理，或使用专门的批量工具。
放大后能更清晰吗？
不能指望自动变清晰。需要更高清晰度应使用更高分辨率原图，而不是简单放大导出。
导出前参数选择建议
头像/封面先确认平台推荐像素，再设目标宽高。能缩小就不要放大。需要透明背景时优先 PNG；照片展示优先 JPEG/WebP 以控制体积。每次调整后点「刷新预览」，同时看清晰度与结果体积，不要只盯一边。正式下载前保留原图，避免覆盖唯一底稿。
失败排查
下载按钮灰色=尚未成功加载图片。拖入非图片文件会被忽略。预览异常时点清空再重新上传。超大图卡顿可先用系统工具预缩小再精修。页面不提供批量文件夹处理，多张图请逐张导出并统一命名。