... <看更多>
ai png轉svg 在 就可將檔案轉存成網頁專用的向量SVG檔啦! | Facebook 的推薦與評價
網設必知-Illustrator轉存網頁SVG向量檔,圖像放大縮小不失真. 在網頁中常用的影像格式不是gif就是jpg或png檔,而無論那一種格式都是點陣影像,因此若一個網站中,有 ... ... <看更多>
ai png轉svg 在 鐵人賽:網頁設計- SVG 輸出注意事項 - 卡斯伯Blog - 前端 的推薦與評價
接下來透過Illustrator 加上陰影。 然後再重新輸出一次,會出現 data:image/png;base64.... 的base64 原始碼,也 ... ... <看更多>
ai png轉svg 在 [問題] SVG檔做網頁的問題- 看板Web_Design 的推薦與評價
以往做網頁都是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://www.ptt.cc/bbs/Web_Design/M.1465098784.A.487.html
... <看更多>