旋转 PNG

上传一张PNG图片,即可将其旋转90度、180度或270度。由于PNG是无损格式,可无限次旋转而不会影响画质,这与 JPG 不同,后者因多次重新编码会产生图像伪影。透明度得以保留,且旋转角度为90的整数倍时,图像尺寸会自动调整(例如1920×1080变为1080×1920)。

PNG旋转的工作原理

  1. 1

    解码 PNG 文件

    经 deflate 压缩的像素数据会被解压到原始 ARGB 缓冲区中。

  2. 2

    旋转缓冲区

    像素会根据新的方向重新定位:90°旋转会交换行与列的位置;180°旋转则会同时反转行和列。

  3. 3

    重新编码为 PNG

    旋转后的像素缓冲区使用 deflate 算法进行重新压缩,输出结果始终无损。

  4. 4

    保持透明度

    Alpha通道会与RGB通道一同旋转,因此透明区域仍保持透明状态。

为何 PNG 图像旋转始终无损

PNG格式能够精确地编码像素,既不采用量化处理,也不像JPEG那样使用8×8的DCT块。将图像旋转90度整数倍仅是对像素位置的重新分配;颜色值保持完全一致。只要选用合理的重采样滤波器(双三次样条或Lanczos滤波器),而非最近邻滤波器,即使采用任意角度旋转也能保持数据质量。

旋转选项

操作 宽度/高度调整 常用功能
90°顺时针旋转 翻转 从人像模式切换为横屏模式
180° 保持不变 翻转扫描,倒置拍摄
270°顺时针旋转 翻转 将横向模式切换为纵向模式
任意角度 放大以适应 校正倾斜的扫描件或照片

旋转后的文件大小

PNG格式的 deflate压缩算法对行级冗余非常敏感。以水平边缘为主的风景照片能够高效压缩,因为相邻行通常具有相似特征;但当图像旋转90度后,这些边缘会变为垂直方向,此时照片内容的压缩率会显著下降。

内容类型 90°旋转后的典型尺寸变化
平面色彩图形 变化幅度小于1%
用户界面截图 变化幅度:1–5%
照片(PNG格式) 大小最多增加15–20%
透明 UI 资源 可忽略不计

对于照片而言,无论方向如何, JPG 格式都是更优选择。若PNG照片在旋转后尺寸显著增大,则应将其转换为 JPG 格式。

透明度

完全透明像素、半透明像素及不透明像素均会同步旋转,α通道随RGB通道同步变化。带有柔和阴影效果的徽标在旋转后保持原样(阴影方向仅发生反转)。

在浏览器中与在 CSS 中何时进行旋转

  • 当图像在磁盘上的方向不正确时,请旋转该文件;否则图像将被上传至不符合旋转元数据要求的位置或被打印。
  • 使用 transform: rotate(...) 在 CSS 中实现旋转效果,适用于仅需在网页上临时显示旋转效果的情况。文件内容保持不变,浏览器会自动计算并应用旋转效果。

多次旋转

PNG支持自由组合旋转角度。90°+90°+90°+90°的组合可精确还原原始字节数据(至少在像素内容层面如此,编码参数可能存在数字节差异)。而 JPG 因存在重新编码损失,无法提供同等保证。

元数据

PNG格式支持用于元数据的文本块(tEXt、iTXt、zTXt)。该工具通过在 canvas 上重绘像素并导出新的 PNG 来旋转,因此这些文本块不会保留到旋转后的文件中。如需保留嵌入的元数据,请使用可复制这些文本块的工具进行旋转,或在旋转后重新添加元数据。

常见问题

是的,影响较小。PNG格式的压缩算法对行具有敏感性,因此旋转90度会根据图像内容的不同使文件大小变化1%至20%。

是的。PNG格式能精确编码像素,因此旋转或重新保存时绝不会损失画质,这与 JPG 格式截然不同。

是的。Alpha通道会与RGB通道同步旋转,因此透明区域仍保持透明状态。

该工具支持任意角度,并采用抗锯齿重采样技术。旋转操作在色彩保真度方面仍保持无损效果,但边缘处理会呈现抗锯齿效果而非像素级完美。

不。解码、旋转和重新编码均在浏览器中通过Canvas组件及PNG编码器完成。

相关工具

此工具还提供其他语言版本