html 导入的图片的名字可能会影响图片是否显示

今天写网页代码时,碰到个困扰了我好几个小时的问题,只是简单的用img引入了一个图片,结果无论如何就是不显示出来:
代码(局部):

<div class="ad">
			<a href="#">
				<img src="upload/ad1.gif" alt="1">
			</a>
			<a href="">
				<img src="./upload/ad2.gif" alt="">
			</a>
			<a href="">
				<img src="upload/ad3.gif" alt="">
			</a>
		</div>

效果:
研究了很长时间都不知道时什么情况,图片也确实存在于目录里:
我就纳闷了,上网也找不着合适的解决办法,后来突发奇想换了一张别的图片,竟然显示成功了

难道是我下载的图片有问题?不应该啊,图片是从某宁上面扣下来的,不可能有错才对,想了半天也没想出来是咋回事,最后,想着死马当活马医.重新扣了一下图片,看到保存的图片的名字跟我文件夹里的不一样,因为之前保存时修改了名字,这次懒得再改了,重新导入,竟然加载成功了!!!

于是,我把3张图片的名字按照顺序改成了1.gif,2.gif,3.gif,全部能够正常显示.
实在是不明白,为什么图片改了个名字就能显示了,难道img标签对导入的图片的名字还有什么隐藏的限制?