我为.ai格式的网站提供了一个徽标,我将其裁剪并保存为SVG1.1,并将其放置在朋友的Shopify商店的多个位置。
Image in question(在Safari for iOS中查看)
网站上图片故障的屏幕截图:i.stack.imgur.com/HmsIB.png
链接到实际页面:bambooboss.com/pages/about-us
第一张照片下的“Panda Head”图像在我的iPhone 5上使用Safari,最新版本的iOS浏览时被半黑了。虽然它看起来很酷,但它绝对不是我朋友最初的创意视觉......
我在SO上尝试了另一个答案here,在那里他们尝试用所有LinearGradient
标记<defs>
标签,我对当前图片做了 - 但无济于事......
任何人都知道发生了什么事?兼容性?从.ai?
保存到SVG时出现了什么问题答案 0 :(得分:0)
将以下行更改为:
.st38{opacity:.08;fill:url(#XMLID_108_);}
即。删除8.00000e-02
也...通过像SVGOMG这样的优化器运行...如果以小尺寸显示,这太复杂和太大了。简化所有渐变,甚至可以将它们合并为一个。应该能够将解压缩版本从35kb降低一个数量级。可爱的标志虽然。