如何保护SVG文件？

Question

我网站上的大多数图像都是svg，我想以某种方式加以保护。.我尝试用右键单击来阻止，但是当您将照片拖到新标签中时，出现的链接就是我的svg图像。那？

我尝试过.htaccess，但是没有成功。.我没有成功..有人可以帮助我一些建议吗？

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?mysite.com [NC]
RewriteRule \.(jpg|jpeg|png|svg)$ - [NC,F,L]

Answer 1

无法保护您的SVG文件：如果要在网站上显示SVG文件，则需要提供客户端的源代码。

“保护” HTML，CSS，SVG或JavaScript文件的唯一方法是对它们进行模糊处理，但这对SVG文件没有太大帮助，因为无论如何您都可以在Inkscape或类似的图形工具中对其进行编辑。

例如，通过在“受保护”的SVG图像上添加透明层来禁用点击，只会使某些非技术用户更难抓住您的SVG代码，但除此之外，您无法“吃掉蛋糕，也保存它” –如果显示SVG图片，则客户端会获取源代码。

如果原始可伸缩图像是您要保护的图像，您还可以将SVG图像导出为PNG等位图图像，但是那样一来，您将失去SVG所使用的所有灵活性。