SVG 图像在服务器上显示为损坏的图像答案

【问题标题】：SVG images displayed as broken images on serverSVG 图像在服务器上显示为损坏的图像
【发布时间】：2012-06-05 17:19:11
【问题描述】：

我在 Apache 上使用简单的 img 标签显示 .svg 时遇到了一个奇怪的问题。

在我的本地计算机上，图像是可见的。在我的 mt VPS 上，图像显示为断开的链接。当我右键单击损坏的图像链接并“打开图像”时，它会正确显示图像（告诉我路径正确）。

我的 HTML 如下所示：

<img width="32" height="32" alt="icon" id="create-wheel-icon2" src="public/assets/img/svg/idea_vect.svg" style="left: 230px; top: 57px; opacity: 1;">

有什么想法吗？

【问题讨论】：

标签： html svg

【解决方案1】：

罗伯特上面提供的链接中的信息对我有用：

.htaccess 文件包含以下规则：

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

【讨论】：

【解决方案2】：

很可能您没有提供具有正确 mime 类型的图像。这里有一些关于如何做到这一点的信息：http://kaioa.com/node/45

您总是可以先尝试让 png 文件正常工作，以确保您放置图像的位置并不明显。

【讨论】：