最近捣鼓图片的时候，老是碰到这个叫 PNG 的格式，以前也没太在意，图片嘛能看就行。但后来发现，有时候用 JPG 存图，感觉图片好像有点“糊”，特别是搞一些有文字或者线条的图，存完再打开，边缘就不够锐利。这就让我有点好奇，这个 PNG 到底是个啥玩意儿，跟 JPG 有啥不一样？于是我就自己动手试试。
我的实践过程
第一步：试试保存不同格式
我就先拿张截图，上面有文字也有一些简单的图形。我用电脑自带的画图工具，分别把它存成 JPG 和 PNG 两种格式。然后我把两个文件都打开，放大仔细看。
第二步：比较图片质量
这一比，区别就出来。存成 JPG 的那张，如果把质量调低点为让文件小一些，文字边缘和线条周围就有点模糊，甚至出现一些杂色块，感觉就是被“压缩”过。但那张 PNG 图，简直就跟我的原截图一模一样，每个像素都清清楚楚，文字边缘锐利，颜色也没变。我又试着把 PNG 文件反复打开、保存好几次（还是存成 PNG），发现图片质量一点都没变差。这时候我大概明白，PNG 这种格式存图片，好像不会损失细节，它能把原图的样子比较完整地保留下来。
第三步：探索透明背景
后来我又遇到一个场景，就是想把一个自己画的小图标放到一张有背景图的照片上。我先是把图标存成 JPG，结果图标周围有个白色的方框，盖在背景图上特别难看。我就想起来 PNG ，试着用做图软件把图标背景设成透明的，然后选择保存为 PNG 格式。奇迹发生！再把这个 PNG 图标拖到那张背景图上，那个讨厌的白色方框不见，只有图标本身显示出来，图标后面的背景图也能透过来显示。原来 PNG 还支持透明背景！ 这对我来说简直是发现新大陆，做网页图标、或者需要叠加的图片元素时，这个特性太有用。
用 PNG 的一些体会
经过这么一番折腾，我现在对 PNG 有比较直观的认识。在我看来，它主要有这么几个特点和用处：
质量高，不失真： 保存图片时信息损失少，能保持图像原有的清晰度和细节，特别适合保存需要精确显示线条、文字或者颜色块的图像，比如截图、logo、图表这些。
支持透明： 这是 PNG 的一大法宝。可以让图片的某部分完全透明，这样图片就能很自然地融合到各种背景上，做网页设计、UI 元素或者需要图片叠加的时候超级方便。
文件大小： 不过我也发现，通常情况下，同样一张图存成 PNG 格式，文件大小会比存成 JPG 大一些，特别是内容复杂的照片。所以如果是存照片，对文件大小比较在意，而且不太需要透明背景的话，可能还是 JPG 更合适。
总结一下我的实践感受
通过自己动手试，我算是搞明白 PNG 是个啥意思。它就是一种图片格式，最大的好处是图片质量高、不失真，而且还能搞定透明背景。虽然有时候文件会大一点，但在需要保证图片清晰度或者需要透明效果的场合，比如做网站图标、保存重要截图、制作一些设计元素时，用 PNG 真的是个不错的选择。现在我存图的时候，都会根据实际需要，想想是用 JPG 还是 PNG 更合适。