如何修复螺栓博客模板主题中的png破碎图像问题

Question

我通过螺栓博客模板主题（这是一个XML文档）创建了一个网站，并且创建了一个单独的文件夹，名为“图像”，并将所有这些png图像放入其中。 我的文件路径是：F：\ BackupTheme \ BackUp1 \ Images

我已经在主题内添加了以下这些HTML代码，但它仍然显示损坏的图像，我也清除了chrome浏览器中的所有缓存，但没有运气。

我的html代码如下：

<div class="col-md-6 col-xs-12 col-sm-6">
            <div class="mgn-b">
                <div class="col-xs-3">
                    <img src="../../Images/wifi.png" class="img-responsive center-block img-p" alt="WiFi" title="WiFi"/>
                </div>                
                <div class="col-xs-3">
                    <img src="../../Images/water.png" class="img-responsive center-block img-p" alt="Drinking Water" title="Drinking Water"/>
                </div>
                <div class="col-xs-3">
                    <img src="../../Images/air-conditioner.png" class="img-responsive center-block img-p" alt="Air Conditioner" title="Air Conditioner"/>
                </div>  
                <div class="col-xs-3">
                    <img src="../../Images/kitchen.png" class="img-responsive center-block img-p" alt="In House Kitchen" title="In House Kitchen"/>
                </div>              

            </div>  
</div>

我希望显示png图像，但实际结果是图像损坏。