ECSHOP,V2.7.3,繁體中文版,響應式模板,虛擬主機,網路購物,Responsive Web Design,免費安裝,模板,插件,模組,網站維護,匯款通知插件,金物流模組,超商取貨很多時候在桌上型電腦或手機檢視的圖片明顯模糊,由於手機載入速度比PC慢很多,通常遇到大圖就會拖垮網頁開啟速度,然而一個網頁內通常有很多小 ICON,若要保持其清晰度,有的網站會製作多種尺寸的圖片,但這對以後的管理維護無疑是個麻煩,一般點陣圖..._ECSHOP 繁體中文版-響應式模板-虛擬主機::ECSHOP2.7.3繁體中文全支援-原來如此
weshop_rwd 響應式模板是專為 ECShop V2.7.3 繁體中文版響應式設計(Responsive Web Design),本站主機用戶免費獨享,weshop_rwd 能提昇訪客體驗度、搜索排行、網頁收錄,是網路開店最佳選擇,www.we-shop.net" />
目前位置: 首頁 > HTML5、CSS3、其他 > 使用 SVG 讓網頁圖片縮放不失真

使用 SVG 讓網頁圖片縮放不失真

超大 稍大 微大
ECSHOP 繁體中文版-響應式模板-虛擬主機::ECSHOP2.7.3繁體中文全支援-原來如此 / 2016-10-24
很多時候在桌上型電腦或手機檢視的圖片明顯模糊,由於手機載入速度比PC慢很多,通常遇到大圖就會拖垮網頁開啟速度,然而一個網頁內通常有很多小 ICON,若要保持其清晰度,有的網站會製作多種尺寸的圖片,但這對以後的管理維護無疑是個麻煩,一般點陣圖只能縮小無法放大,一放大就變得模糊,因此建議使用向量格式的SVG圖片來改善這個情況... SVG圖片並非一張圖片,而是一個向量圖片描述檔,因此不論圖片如何縮放依然能夠保持其清晰度,因為使用文字描述圖片的色彩位置等資訊,比較適合使用向量圖直接輸出或色彩比較單純的點陣圖,至於色彩豐富或含有漸層的圖片轉成SVG後反而爆肥多,至於如何使用SVG來作為網頁圖片,請看以下圖文教學: 1、建立SVG檔案 SVG為向量格式的圖檔,因此必須使用像 Illustrator 之類的向量繪圖軟體,我記得 CorolDraw 好像也是... 1-1、開啟 Illustrator 後可以輸出已經繪製好的向量圖,建議使用此種方式檔案比較小 1-2、也可以使用現有圖片來轉為SVG,方法如下: A、載入要轉換的圖片,格式沒有限制,如果尺寸太大記得先...

您必須   登入或   免費註冊並且通過   郵件驗證才能閱讀完整文章

如果你對使用 SVG 讓網頁圖片縮放不失真 有任何的疑問,歡迎至討論區留言

除非註明,否則本站文章均為原創,如需轉載請註明出處: http://www.we-shop.net/article.php?id=286

本站使用美西高速網站空間(虛擬主機), 完整支援SEO(搜索引擎優化),有效提升網站排名的高流量虛擬主機

瀏覽我的 Facebook
新北市樹林區中正路
andy@we-shop.net
a0807121
RSS 訂閱