关于html中的像素设置问题

在学习html的图片标签img时，有一个设置宽高的阶段，即设置width和height，它指的是设置像素的宽和高。我对于这个存有疑虑：什么是像素的宽和高，它和图片的宽和高有什么区别，二者之间又有何关系。为了解决这些疑问，我上网查阅了一些资料：

像素：是指在由一个数字序列表示的图像中的一个最小单位，称为像素。

（像素定义来自：百度百科）

像素不是尺寸, 而是一个记录照片的最小单元, 每个像素, 比如一张照片有3000x4000像素, 表示这张照片由3000x4000=1200万点像素进行记录, 每一点记录照片相应位置的颜色/亮度。。。 数据, 从这里你也可以看到, 像素越多, 每一点记录的数据就越细腻。

html中的width和height设置的就是像素的宽和高，即每个照片的最小单元的宽和高。我们可以知道，单位尺寸内，像素越高，图片就越清晰。

比如下面这个例子：

这两个图片，像素的长和宽是差十倍的关系。结果显示如下：

 上图中，二者的长和宽都差十倍。由于图片就是由像素组成的，所以本人认为，在不超过最大尺寸的前提下，像素的宽高越大，图片的尺寸也就越大。