您最喜欢的城市的最爱地点
首页
添加为 Google 首选来源

图片尺寸调整

按像素或百分比调整一张 JPG、PNG 或 WebP 图片的大小。保持比例,预览导出的静态图片并下载。此工具在浏览器中处理您选择的图片。

图像设置

选择一个不超过 20 MB 的 JPEG、PNG 或 WebP 文件。仅导出静态图片,不保留动画。

更多选项

JPEG 使用白色背景。浏览器支持时,PNG 和 WebP 保留透明度。PNG 不使用质量设置。

调整后的图片

请选择图片并调整大小,结果将在此显示。

仅导出静态图片,不保留动画。

使用宽高比计算尺寸

如何调整图片大小

  1. 选择一个 JPG、PNG 或 WebP 文件,也可将其拖到文件选择区域。检查原始尺寸和文件大小。文件上限为 20 MB、4,000 万像素,单边不超过 16,384 像素;浏览器的实际限制可能更低。
  2. 保持“保持比例”选中,输入新的宽度或高度;也可以选择百分比。只有需要将图片拉伸到指定宽高时才关闭比例锁定。在更多选项中可以选择输出格式以及 JPEG 或 WebP 的质量。
  3. 点击“调整图片大小”,检查预览、尺寸、格式和实际文件大小,然后下载。修改设置后,原来的下载结果会消失,需重新调整。

尺寸、比例和图片格式

像素尺寸表示宽和高,文件大小表示存储的字节数。像素较少的图片通常占用空间更小,但实际取决于内容、格式和编码器。本工具不保证达到指定的 KB 或 MB 大小。

保持比例时,另一边根据原图比例计算,并四舍五入到整数像素。百分比作用于原图的宽和高:50% 将每边减半,像素总数约为四分之一。少量舍入差异是正常的。

PNG 保留透明度,并无额外有损压缩地编码调整后的画布像素。JPEG 使用白色背景和有损压缩。浏览器支持编码时,WebP 可保留透明度并使用所选质量。质量值不是文件缩小百分比,也不能直接跨格式比较。

浏览器解码时会应用受支持的方向信息,因此显示的是调整方向后的尺寸。导出的是重新编码的静态图片,不能作为原始元数据、色彩配置、位深和动画的存档。放大只增加像素,不会创造拍摄时缺失的细节。

调整尺寸示例

将 4000 × 3000 的图片在保持比例下宽度设为 1200,结果是 1200 × 900。改为设置高度 600,则按原始比例得到 800 × 600。

将 4000 × 3000 缩放到 50%,得到 2000 × 1500。宽高各减半,但文件大小不一定减半。

关闭比例锁定可将 4000 × 3000 精确变为 1200 × 1200,但内容会被拉伸。保持比例并将宽度设为 1200 时,结果是 1200 × 900。裁成正方形属于另一种操作。

导出的变化和限制

本工具处理一张 JPEG、PNG 或 WebP 图片,并导出静态图片。对于动画 PNG 或 WebP,浏览器使用默认静态图片;若没有默认图片,则使用首帧。不支持 GIF、SVG、HEIC 等其他格式或动画导出。

浏览器内存、解码器和编码器会影响可用性、外观和文件大小。输出可能比原文件更大。本工具不裁剪、不恢复细节、不设置打印 DPI、不保留原始元数据,也不保证满足上传大小限制。需要这些属性时请保留原图。

在浏览器中处理图片

本工具在浏览器中读取并处理您选择的图片,不会有意上传或保存它。点击下载后才会保存结果。网站的常规服务和同意设置另行适用。

图片尺寸调整常见问题

保持“保持比例”选中并修改一边,或使用百分比。另一边按原图比例计算并舍入到整数像素。关闭比例锁定会将图片拉伸到输入的宽高,不会裁剪。

不能保证。像素尺寸和文件字节数是不同的概念。编码后会显示实际文件大小,但它受图片内容、格式和浏览器影响。像素更少的图片仍可能超过网站的文件大小限制。

需要透明度和对调整后像素进行无损编码时可选 PNG。JPEG 适合照片,此处使用白色背景。如果目标网站接受 WebP 且浏览器支持编码,WebP 可以保留透明度并可能生成较小文件。请检查预览和实际大小。

不接受 HEIC 和 GIF。接受 PNG 和 WebP,但只导出动画的默认静态图片或首帧,不保留动画。使用此工具前,请用合适的软件转换不支持的格式。

选择的原文件不会被覆盖。下载文件经过重新编码,不保留原始元数据或动画记录。处理在浏览器中进行,网站常规服务和同意设置另行适用。对于存档、色彩管理或依赖元数据的用途,请保留原图。

参考资料

浏览器图片解码和导出 API 参考资料:

查阅日期:2026 年 10 月 29 日。

SVG 转 PNG

将本地 SVG 文件或粘贴的代码转换为 PNG,可设置尺寸、透明或纯色背景,并使用内置字体。

打开工具 — SVG 转 PNG

CSS 滤镜生成器

排列和重复 CSS 效果,比较示例并复制精确的滤镜声明。

打开工具 — CSS 滤镜生成器

流式字号计算器

为两个视口宽度分别设置字号,生成流式字号。复制使用 rem 的 CSS,并查看基于导出系数计算的模型。

打开工具 — 流式字号计算器

CSS 按钮生成器

设置原生按钮状态,检查键盘焦点并复制 HTML 和 CSS。

打开工具 — CSS 按钮生成器

CSS 圆角生成器

编辑八个圆角半径,预览盒子,并复制以像素或百分比表示的 CSS。

打开工具 — CSS 圆角生成器

CSS Grid 生成器

编辑 CSS Grid 轨道、项目位置和命名区域,预览并复制 CSS、HTML 或下载完整示例。

打开工具 — CSS Grid 生成器

CSS Flexbox 生成器

使用容器和项目控件、显式布局轴、匹配的 CSS 和 HTML 以及本地完整示例下载构建 Flexbox 示例。

打开工具 — CSS Flexbox 生成器

CSS 文字阴影生成器

创建有序文字阴影,预览纯文本并复制精确 CSS。

打开工具 — CSS 文字阴影生成器

CSS 变换发生器

编写可重复的 2D CSS 变换,编辑 px 或百分比平移和原点,检查参考框并复制准确的当前声明。

打开工具 — CSS 变换发生器

CSS 盒子阴影生成器

创建有序的 CSS box-shadow 图层,实时预览并复制代码。

打开工具 — CSS 盒子阴影生成器

图片水印

为一批图片添加文字或标志水印,检查结果并下载单个文件或 ZIP。

打开工具 — 图片水印

CSS 渐变生成器

创建线性或径向 CSS 渐变,调整颜色、不透明度和节点位置。

打开工具 — CSS 渐变生成器

颜色转换器

转换支持的 sRGB HEX、RGB 和 HSL 颜色值,保留透明度并显示精度。

打开工具 — 颜色转换器

图片转文字(OCR)

识别本地 PNG 或 JPEG 中的印刷文字,选择语言,检查并修改结果后复制或下载。

打开工具 — 图片转文字(OCR)

从图片读取二维码

从本地 PNG 或 JPEG 读取一个二维码,查看文本或内容字节,不会打开链接。

打开工具 — 从图片读取二维码

颜色对比度检查器

比较前景与背景颜色,调整不透明度,检查文本和必要界面细节的 WCAG 数值对比度阈值。

打开工具 — 颜色对比度检查器

打印尺寸与分辨率计算器

计算照片可打印尺寸、所需像素,以及留白或裁切时的实际 PPI。

打开工具 — 打印尺寸与分辨率计算器

宽高比计算器

计算宽度与高度的精确比例,或指定一边计算对应的像素尺寸。

打开工具 — 宽高比计算器

图像压缩

尝试将 JPEG、PNG 或 WebP 图片压至目标文件大小,查看实测结果并可选择缩小尺寸。

打开工具 — 图像压缩

HEIC 转 JPG

在浏览器中将受支持的 HEIC 照片转换为原尺寸 JPG 副本,调整质量和背景,并单独下载或打包下载已验证的结果。

打开工具 — HEIC 转 JPG

图片格式转换器

在本地批量转换受支持的 PNG、JPEG 和 WebP 图片,调整透明度、背景和质量,检查并下载编码结果。

打开工具 — 图片格式转换器

照片拼图工具

将本地照片排列成网格,下载 PNG 或 JPEG。

打开工具 — 照片拼图工具

旋转和翻转图片

批量旋转或翻转本地静态 PNG、JPEG 和 WebP 图片,然后查看并下载处理结果。

打开工具 — 旋转和翻转图片

图片裁剪

通过可视选区或像素输入精确裁剪本地 JPEG、PNG 或 WebP 图片,下载为 PNG 或 JPEG。

打开工具 — 图片裁剪
查看此分类中的所有工具