摘要:在线图片尺寸调整:精确宽高、锁定比例、PNG/JPEG/WebP 导出,本地处理不上传。
本地工具可在 DevTools → Network 搜索输入内容,通常不会出现在请求中。
下一步
使用指南
发图前常要改宽高、控体积、保持比例。本工具在浏览器用 canvas 缩放,可锁定宽高比,选择输出格式与质量,适合单张快速处理——原图不上传。
1. 调整尺寸
载入图片,输入目标宽或高并锁定比例,选择 PNG/JPEG/WebP 与质量,预览后下载。先确认展示场景的最大显示像素,再设目标,避免无意义的超大图。
- 载入图片。
- 设定宽高与比例锁。
- 选格式质量并下载。
2. 何时用本工具
社交媒体封面、博客配图、文档插图的快速改尺寸很合适。要做设计系统里的多密度切图,专业图形工具更合适;本页定位是「够用的本地缩放」。
3. 降采样与上采样
缩小(降采样)通常可接受;放大(上采样)无法发明细节,只会发糊。需要更大清晰图应回到源文件,而不是硬拉像素。
- 优先从更大源缩小。
- 避免把小图放大充数。
- 多次缩放会累积损失。
4. 格式与质量
PNG 适合图标与透明;JPEG/WebP 适合照片。改尺寸后再压缩可进一步减小体积。透明图转 JPEG 会丢透明并可能填黑/白底。
5. 比例与裁切
锁定比例避免人物被压扁;若必须固定画幅,应先裁切再缩放。本页聚焦缩放,复杂构图裁切可搭配其它图片工具。
6. 验收
打开结果看边缘是否发虚、文字是否可读、文件是否仍超渠道限制。发到手机再看一遍,桌面预览通过不等于移动端清晰。
常见问题
压缩工具按体积优化(质量/格式),本工具按精确尺寸输出(宽×高)。常见组合:先用本工具改到目标尺寸,再用压缩工具压体积。
会——位图放大无法凭空补细节,canvas 用高质量插值已是浏览器能做到的最好效果。建议放大不超过 2 倍,需要更大更清晰的图应回到源文件。
锁定时改一边另一边自动按原始比例换算;解锁后可任意拉伸(会变形,常用于精确铺满场景)。若目标画幅与原图比例不同,正确顺序是先裁切再缩放,而不是解锁硬拉。
PNG 适合图标与需要透明的图;JPEG/WebP 适合照片。注意透明图转 JPEG 会丢透明,可能被填成黑底或白底。改完尺寸还想减小体积,再走一遍压缩工具。
打开结果看三点:边缘是否发虚、文字是否可读、文件是否仍超渠道限制。桌面预览通过不等于移动端清晰——发到手机上再看一遍。
不用。缩放用 canvas 在浏览器里完成,原图和结果都留在本机,全程没有上传动作。
相关工具
相关文章
图片格式详解:JPG、PNG、WebP、HEIC 与 SVG——怎么选、何时转、如何转不损画质
图片格式选择的实用指南:五种格式各自擅长什么、压缩何时伤画质、透明通道为什么改变一切、浏览器转换的诚实边界,以及格式间转换的保质量规则。全部转换可在浏览器本地完成。
在线 Base64 转图片工具:将编码字符串还原为图片文件
学习如何将 Base64 编码字符串还原为图片文件。了解 Base64 解码原理、常见的 Base64 图片格式,以及在 Web 开发中的实际应用场景。
在线图片压缩工具:缩小 JPEG、PNG、WebP 体积
学习如何用浏览器本地压缩图片:质量与宽度预设、格式互转、体积前后对比、EXIF 剥离边界,以及网页性能场景下的压缩策略。