这个一个关于HTML 的图片问题

我对HTML照片 有点懵
在资源管理器img下的text图片，绿色网格的

打开资源管理器文件夹

图片是透明的 ，而且没网格

双击text图片，是黑白网格的

这个差异怎么有的？在HTML成品页面里，显示的是哪一种图片呢？

png支持透明图层，也就是说周围是镂空的。

我画了一个示意图
首先看上面两个图，左边的是不透明的，右边是透明的
看上去完全一样
但是如果叠加上背景，就不同了
左边有一个白色的色块，右边的透明的部分背景透过来，融为一体了

因为透明是看不到颜色的，所以是否透明我们没有办法区分，如上面的两个图

那怎么办，不同的编辑软件用不同的底纹来表示透明的部分，这个是一种人为的标记，而不是图片本来的颜色，目的是让图片设计人员知道哪里是透明的部分。

因为这是标记，不是实际存在的，所以不同的软件，有的用灰色，有的用绿色，就不同了。实际上都是一回事。它是什么颜色取决于下面的背景。
如果是背景是白色，那么就相当于我这个示意图右上角那样。

你把它直接拉到浏览器窗口上显示就知道了

额，这是正常情况。透明的png图片就是这样。你可以在网上随便下载一个png图片，透明部位就是网格。

html上面显示为空白区域。
网格显示每个软件都不一样的。