作者aaron7962 (W fish~)
看板Web_Design
标题[问题] SVG档做网页的问题
时间Sun Jun 5 11:53:02 2016
以往做网页都是AI画好平面图稿
把图转存PNG 一块块切版
但最近作了一个大图视觉得页面 用到2000px * 1600px的PNG图档当作背景
因为考虑装置缩放,所以把图的尺寸做超大
但随着不同萤幕 浏览器缩放 发现PNG图档还是略有些模糊
於是想尝试用AI存成SVG格式来切版
但发现SVG档案都好几M,比PNG图档大好几倍
网页载入也比较慢
在来就是... AI做图如果用到透明度、外光晕、高斯模糊、网屏效果、置入图片
存成SVG会不知什麽原因导致图跑版、错位
造成跟源档AI看到的视觉不一样
所以想问大大 这是什麽问题造成的呢?
SVG适合用在什麽地方呢? 如果大图背景为了不让他失真会建议用SVG代替吗?
对了我背景是用 background-size：cover这个属性来撑满全萤幕
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 118.165.195.32
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1465098784.A.487.html
1F：推 hijkxyzuw: 你可以手写 svg 看看，再和 ai 的输出比较。 06/06 23:08
2F：→ hijkxyzuw: www.oxxostudio.tw/articles/201410/svg-tutorial.html 06/06 23:09
3F：推 femlro: 因为svg特性 特效最好用程式码刻 06/08 13:46
4F：→ femlro: Svg是使用数学计算绘图 适合线条少的图案 06/08 13:47
5F：推 eaeao: png模糊的话，装置上要读取2倍大的图才对 06/08 17:41
6F：推 heavenbetula: 你就最大做2000X1600就好了呀 06/25 11:18
7F：→ heavenbetula: pc解析度宽度1920够大了吧...只要考虑以下就好.. 06/25 11:19