如何修复我网站上损坏的 png 图像？答案

【问题标题】：How to fix broken png images on my site?如何修复我网站上损坏的 png 图像？
【发布时间】：2015-01-15 01:04:13
【问题描述】：

我网页上的图像显示为损坏。我的编码中有正确的图像文件路径，我什至可以在浏览器中提取图像，而不是在网页上。下图的文件路径为： /site/img/slide02.png 。这只是一个示例，我网站上的所有图像都已损坏。关于可能导致此问题的原因或如何解决的任何建议？

<img src="img/slide02.png" class="img-responsive"></div>

【问题讨论】：

您能否描述一下图片所在的文件夹结构以及引用图片的html页面所在的位置。
文件夹“site”包含：html文件、css文件、文件夹“img”。文件夹“img”包含： png 文件。我有 3 个 html 文件引用“img”文件夹中的图像。这有帮助吗？
也许说“”来指示相对于您的 .html 文件的文件位置会有所帮助。

【解决方案1】：

在我的托管平台上，我将权限设置为 644，但实际图像属性的权限设置为只读。我转到本地设备上的图像并转到属性并将权限从只读更改。一旦我更改并再次上传它们，图像就不再损坏。

【讨论】：

【解决方案2】：

您的网页是否位于 img 目录所在的同一目录/文件夹中？它们需要与您当前的设置方式有关。

【讨论】：

是的。我的 html 文件的目录是：site/index.html。我的图片目录是：site/img/slide02.png.
我们可以查看这个网站吗？
是的！我不确定我是否可以链接到它。考虑到这一点，站点文件夹的名称是“imancarr.sume”而不是“site”。该网站是 imancarr.sume.andreaivy.com。
你把图片文件的权限设置成什么？你能把它们设置为 644 吗？
权限设置为“读取”。我不确定如何手动设置它们。我现在正在调查。