以往做网页都是AI画好平面图稿
把图转存PNG 一块块切版
但最近作了一个大图视觉得页面 用到2000px * 1600px的PNG图档当作背景
因为考虑装置缩放,所以把图的尺寸做超大
但随着不同萤幕 浏览器缩放 发现PNG图档还是略有些模糊
于是想尝试用AI存成SVG格式来切版
但发现SVG档案都好几M,比PNG图档大好几倍
网页加载也比较慢
在来就是... AI做图如果用到透明度、外光晕、高斯模糊、网屏效果、置入图片
存成SVG会不知什么原因导致图跑版、错位
造成跟源档AI看到的视觉不一样
所以想问大大 这是什么问题造成的呢?
SVG适合用在什么地方呢? 如果大图背景为了不让他失真会建议用SVG代替吗?
对了我背景是用 background-size：cover这个属性来撑满全萤幕