PNG 转 WebP Portable Network Graphics ↔ WebP 免费 在线 安全
图像按原始尺寸重绘一次，保存为 WebP。什么都不缩放，文件也不离开您的设备。
转换你的文件
把一个 PNG 文件拖到这里，或者选一个。
你的文件不会离开这台设备。一切都在你的浏览器里完成。
不上传任何文件
从 PNG 转换
转换为 PNG
这些格式从哪里来
这些格式各自为解决不同的问题而写。JPEG 于1992年出自联合图像专家组，是为照片造的：它丢掉眼睛最不容易察觉其缺失的细节，所以一张照片能缩得极小，也所以 JPEG 里的文字看上去发糊。PNG 写于1996年，写得匆忙——GIF 背后那项专利的持有公司开始收费了；它无损，并且有真正的透明，所以标志和截图属于它。WebP 2010年出自谷歌，两件事都干，通常比两者中任何一个再小四分之一。BMP 是微软毫无压缩的朴素格式；HEIC 自2017年起是苹果的默认，它借用视频的压缩方式，把一张静止图像装进大约 JPEG 一半的体积里。
你会在哪里遇到它们
照片以 JPEG 行走，或者刚从一台新 iPhone 里出来时以 HEIC 行走。凡有锐利边缘的东西——截图、标志、示意图、文字、任何需要透明背景的东西——都属于 PNG，而 JPEG 会把这些边缘弄糊。WebP 是如今的网站为省流量所发送的格式。BMP 主要存活在 Windows 的软件内部，以及某个程序想要完全不经解码的像素的场合。
常见问题
这个该存成 PNG 还是 JPEG？
看边缘。照片没有硬边缘，所以 JPEG 丢弃细节的手法在那里看不出来，文件也就只剩下原来的一个零头。截图、标志、图表，或任何带文字的东西都有硬边缘，JPEG 会在每一道边缘周围留下看得见的光晕——那正是 PNG 的位置，哪怕文件更大。如果图像需要透明背景，两者之中就只有 PNG 可用。
为什么什么都打不开我的 HEIC 照片？
因为 HEIC 比大多数人手上的软件都新。它从2017年起就是 iPhone 的默认，但 Windows 需要装一个附加组件才能显示，许多安卓手机不显示，网上也有大量软件干脆不收。转成 JPEG 是通常的答案：照片在眼睛看来没有变化，文件大约变成两倍，而过去三十年里造出来的东西都能打开它。
文件会损失质量吗？
要看两种格式各自装得下什么。在存放同样内容的格式之间转换——PNG 转 BMP，WAV 转 FLAC——不会损失任何东西。转成为省空间而丢弃信息的格式，比如 JPEG 或 MP3，每转一次就损失一点，再转回去也拿不回来。凡是有选择余地的地方，本页倾向于保住原来的质量，而不是做出最小的文件。
我的文件会被上传到什么地方吗？
不会。转换发生在你自己的机器上、你的浏览器里面；文件从不离开它，这里也没有任何服务器能够接收它。正因如此，限制一个大文件的是你自己的内存而不是上传；也正因如此，你转换的任何东西都不可能出现在任何人的日志里——包括我们的。不过，音频和视频工具会在你第一次使用时从本站取来它们的转换引擎——约三十兆字节，仅此一次；此后工作依然完全在你自己的机器上进行。
人们为什么把 PNG 转换成 WebP
PNG 是边缘锐利和背景透明的图片格式。它把每一个像素都精确保持为绘制时的样子,这就是徽标、截图、图表和界面样稿都保存成它的原因。代价是大小。一张照片或一张大截图的 PNG 可能有几兆字节,而当一个网页由几十张这样的图片构成时,它加载得很慢,耗费访客的流量套餐,也拉低搜索引擎给快速网站的评分。WebP 是为解决这一点而创造的较新格式。它做出的文件更小,保留透明度,并且所有当前的浏览器都认得它。这就是人们把 PNG 转换成 WebP 的原因:他们想要更轻的图片,又不想丢掉透明的背景。
这些情形很常见。网站所有者被告知图片太重。开发人员想要更快的页面。商店有数百张透明背景的商品图片。博主的截图让一篇文章打开得很慢。在每一种情况下,目标都是一样的:一张看起来正确而更轻的图片。
本页在您的浏览器中把 PNG 转换成 WebP。您的图片按原来的尺寸重新绘制一次,并保存为 WebP。没有任何东西被缩放,文件永远不会离开您的设备。下面您会看到它如何运作、保留什么、代价是什么,以及何时应当让您的 PNG 保持原样。
转换如何进行
按原来的尺寸重新绘制一次
您的 PNG 在浏览器内部被打开,按它自己的宽度和高度绘制到画布上,并保存为 WebP。图片被重新绘制一次,没有任何东西被缩放,所以一张 1200 乘 800 像素的图片之后仍是 1200 乘 800 像素。没有任何东西被发送到服务器,所以没有什么需要等待,也没有什么需要删除。
为什么 WebP 更小
WebP 使用比较老的格式更现代的图片压缩方式。对于相同的外观,它通常需要少得多的数据。对于照片,节省可能非常大;对于平涂图形,节省较小。这种格式还支持透明度,这是 JPG 所没有的,正是这一点使它特别适合作为 PNG 的替代品。
有损 WebP
这里的 WebP 是有损的那种。它通过舍弃眼睛最不可能注意到的一点点细节来节省空间。相比之下,PNG 迄今没有丢失任何东西。在转换之前值得了解这一点:这是图片第一次放弃一些细节。
保留什么
精确的尺寸
图片的宽度和高度被精确保留。WebP 在屏幕上与 PNG 大小相同,所以它能放在页面上的同一位置而不改变版式。
透明度
透明度被保留。与 JPG 不同,WebP 保留透明的背景,所以徽标或抠图的商品图片仍然显示出它后面的东西。这是从 PNG 出发时选择 WebP 而不是 JPG 的主要理由。
把 PNG 转换成 WebP 之前您应当知道的
这是图片放弃的第一份细节
这里的 WebP 是有损的那种,而 PNG 迄今没有丢失任何东西,所以这次转换是图片第一次放弃一些细节。对于照片,很难看出来,文件缩小很多。对于截图、图表或任何带锐利文字的东西,边缘会变软,节省较小。如果您的图片主要是平涂色和清晰的线条,请在全部转换之前先测试一张。
如果还要再编辑,请保留 PNG
如果您还要再编辑这张图片,请保留 PNG。有损图片每保存一次就多损失一点。PNG 是您的母本,而 WebP 是您放到网上的副本。绝不要反复编辑 WebP 再保存为 WebP。
检查它将在哪里显示
所有当前的浏览器都能读取 WebP,大多数编辑程序和手机也能。一些较旧的软件、电子邮件程序和印刷服务仍然期待 PNG 或 JPG。如果目的地不寻常,请在替换原件之前先检查。
如何在这里把 PNG 转换成 WebP
添加您的图片
把 PNG 拖到页面上,或从您的设备中选取。它在您的浏览器内部被打开,不会被上传。
转换
按下按钮。一张图片需要片刻,大的则要稍久一点。请在完成之前保持页面打开。
下载并比较
下载 WebP 并与 PNG 比较。看一看文字的边缘和柔和的区域,并检查文件大小。如果它看起来正确而且轻得多,您就得到了想要的东西。
仔细看看 PNG 和 WebP
这两种格式从哪里来
PNG 出现于九十年代中叶,是一种较旧格式的免费替代品,并成为必须保持精确的图片的标准。WebP 由谷歌于 2010 年推出,目的是让网络更快,多年来被所有主要浏览器采用。两者都可以保存透明度;它们的区别在于如何存储图片。PNG 无损地存储。WebP 两种都可以,但这里使用的那种以少量损失换取小得多的文件。
哪些图片收益最大
照片收益最大:文件可以缩小到原来的零头而没有可见的变化。带有大片平涂区域和锐利线条的图片收益较小,而且更容易显出损失。文字的截图是最难的情形,因为字母有清晰的边缘,有损格式往往会把它们软化一点。
透明度和柔和的边缘
透明的背景会保留,但阴影或光晕的柔和边缘在有损压缩之后可能显出淡淡的光圈。如果您注意到了,请在它将出现的页面颜色上检查图片,因为光圈在匹配的背景上往往看不见。
常见情形详解
加快网站速度
图片通常是页面最重的部分。把它们转换成 WebP,是让页面加载更快的最简单办法之一。请先对照片和大横幅把 PNG 转换成 WebP,因为那里节省最大。
带透明商品图片的网店
在透明背景上抠出的商品在商店里很常见。WebP 保留抠图并让文件更轻,这对条目很多的页面有帮助。
带截图的博客和文章
截图会累加。如果您的文章很慢,请转换较大的几张,并在替换原件之前比较任何文字的清晰度。
电子邮件和即时消息
一些邮件工具和聊天程序仍然不显示 WebP。如果您的图片要通过电子邮件传送,请同时保留一个 PNG 或 JPG 版本,并在您的网站上使用 WebP。
把 PNG 转换成 WebP 之前的实用建议
先测试一张图片
转换一张图片并以完整尺寸查看。如果结果不错,再转换其余的。如果文字看起来发软,可以考虑让截图保留为 PNG,只转换照片。
保留原件
把 PNG 文件存放在它们自己的文件夹里。节省来自网上的副本,而原件是您将来需要编辑或打印图片时的安全网。
留意名称
给 WebP 一个清晰的名称,并保持与 PNG 相同的基本名称,这样您就能分清哪个属于哪个。变的是扩展名;其余的不该变。
不要同时缩放
转换器保持原来的尺寸。如果您的页面需要较小的图片,请先在编辑器中缩小,然后再把 PNG 转换成 WebP,因为一张 4000 像素的图片以 400 显示,是白白浪费的重量。
转换之前人们常问的问题
质量会下降吗?
会,稍微下降一点。这里的 WebP 是有损的那种,所以图片放弃了一些细节。对于照片,很难看出来;对于锐利的文字,则更容易察觉。
透明度会保留吗?
会。WebP 保留透明的背景,JPG 则不保留。
像素尺寸会一样吗?
会。没有任何东西被缩放,精确的尺寸得以保留。
所有浏览器都能显示 WebP 吗?
所有当前的浏览器都能。一些较旧的程序不能,所以如果目的地不寻常,请检查一下。
我的图片会被上传吗?
不会。转换在您的浏览器中运行,图片永远不会离开您的设备。
我可以变回 PNG 吗?
可以,用 WebP 转 PNG,但制作 WebP 时丢失的东西依然丢失。
把 PNG 转换成 WebP 时的明智选择
照片和平涂图形不同
照片转换得好,节省很多。平涂图形和文字截图更容易显出损失,节省较少。请根据图片的类型选择,而不是凭习惯。
与其他选项比较
如果您不需要透明度,对照片来说 PNG 转 JPG也许更合适。如果您只是想要更轻的 PNG,压缩 PNG削减重量并保持格式。
想一想下一步
如果您以后可能还要编辑这张图片,请从 PNG 出发工作,在最后、发布之前才制作 WebP。
在网站上用好 WebP
提供合适的尺寸
更轻的格式有帮助,但最大的节省仍然来自发送一张不大于其显示位置的图片。以 1200 像素显示的横幅不需要 4000。先缩小,再把 PNG 转换成 WebP,您就同时得到两项节省。
描述图片
页面上的每张图片都应当有一段简短的文字说明它显示什么。这对使用屏幕阅读器的访客有帮助,搜索引擎也会读取它。文件格式与此无关,不过一个有更轻图片的页面,是逐一检查并补上缺失描述的好时机。
必要时提供后备
所有当前的浏览器都能读取 WebP,所以对大多数网站不再需要后备。如果您知道有些访客使用非常旧的软件,可以在旁边提供一个 PNG,让浏览器挑选它能理解的那个。
衡量结果
替换图片之后,用浏览器内置的工具检查页面加载得有多快。用数字看到差别,会让这项工作值得,也会告诉您其他图片是否还有可改进之处。
别忘了缩略图
小预览图、图标和头像在许多页面上重复出现。它们一张张都很轻,但加在一起就很可观。转换它们很快,对整个网站的效果是真实的。
想一想文档中的截图
帮助页面里满是带文字的截图。如果您在那里把 PNG 转换成 WebP,请仔细看字母的清晰度。对于必须保持清晰的图片,压缩过的 PNG 是更安全的选择,它让截图保持易读。
隐私与处理
为什么本地转换对图片很重要
图片常常显示私密的人物、地点、文档和屏幕。许多在线转换器上传您的文件,处理后再把结果发回来,而在一段时间里,一份副本就存在于您无法控制的机器上。在这里,是您自己的浏览器在做这项工作,所以图片留在您的设备上。
您离开时会怎样
当您关闭页面时,转换后的图片会从浏览器中消失,所以请先下载它。关于您图片的任何东西都不会被保留。
如果出了问题
我截图里的文字看起来发软
那是有损压缩在起作用。请把那张截图保留为 PNG,或者改用压缩 PNG来压缩它。
抠图周围出现光圈
它来自对柔和边缘的压缩。请在您页面的真实背景上检查。如果它仍然显现,请为那张图片保留 PNG。
处理很大的图片时页面卡住
一切都在您的设备上运行,巨大的图片需要内存。请在电脑上再试一次,或先缩小图片。
相关工具
同一系列的工具涵盖了相邻的工作。要反方向,请使用 WebP 转 PNG。对于照片,JPG 转 WebP和 WebP 转 JPG为另一种常见格式做同样的事,而 PNG 转 JPG和 JPG 转 PNG在二者之间切换。要在不改变格式的前提下让 PNG 变轻,答案是压缩 PNG,而 PNG 转 PDF把图片放进文档。
一个演算示例
假设您经营一家小店,一张透明背景商品的图片是 2.4 兆字节的 PNG。您把它拖到这里并按下按钮。片刻之后,您下载了一个约 300 千字节的 WebP,像素尺寸相同,透明背景也相同。在商品页面上它看起来一样,而页面加载明显更快。PNG 留在您的文件夹里,等待您需要编辑它的那一天。
一份简短的清单
转换之前
判断图片是照片还是平涂图形。把 PNG 妥善保管。检查您的目的地能否读取 WebP。
转换期间
在文件准备好之前,请停留在页面上。
转换之后
以完整尺寸打开 WebP,看边缘和文字,比较文件大小,并把两个版本分别存放在不同的文件夹里。
常见错误
盲目地转换一切
不要不看就为每张图片把 PNG 转换成 WebP。平涂图形和文字截图也许值得保持为 PNG。
一遍又一遍地编辑 WebP
每次有损保存都要花掉细节。需要更改时,编辑 PNG 并导出新的 WebP。
删除 PNG
请保留它。它是母本,一旦它没了,没有任何东西能恢复它的细节。
您的图片留在您的设备上
转换在本地进行。您的图片由您自己的浏览器读取,在那里重新绘制,并以 WebP 交还给您。没有任何东西被上传,所以服务器上不会留下副本,也没有别人能看到它。对于私密的图片,这是把 PNG 转换成 WebP 的安全方式。
总结
要在这里把 PNG 转换成 WebP,拖入图片并按下按钮。图片按原来的尺寸重新绘制一次并保存为 WebP。没有任何东西被缩放,文件永远不会离开您的设备。精确的尺寸得以保留,透明度也是:与 JPG 不同,WebP 保留透明的背景。这里的 WebP 是有损的那种,而 PNG 迄今没有丢失任何东西,所以这是图片放弃的第一份细节。对于照片,很难看出来,文件缩小很多。对于截图、图表或任何带锐利文字的东西,边缘会变软,节省较小。如果您还要再编辑这张图片,请保留 PNG。