網(wǎng)站制作圖片格式SVG介紹

2023-03-11    分類： 網(wǎng)站建設(shè)

SVG圖片格式
SVG圖片格式英文全稱“Scalable Vector Graphics”，意思為可縮放的矢量圖形?？赡芷綍r我們都使用JPG、PNG、GIF圖像格式，完全沒用過SVG，這都很正常，但有時你在網(wǎng)頁上發(fā)現(xiàn)別人網(wǎng)站上的圖標(biāo)，無論怎么縮小放大都不變形，當(dāng)你覺得神奇的時候，你就會發(fā)覺這是一個SVG圖像，才會去了解它、使用它。
SVG圖像大的優(yōu)點(diǎn)是可以用任何文字編輯工具編輯，通過代碼來描繪圖像和讓圖片具有動態(tài)效果，還可以插入到網(wǎng)頁上。
SVG優(yōu)點(diǎn)如下：
1、可被所有文本編輯器編輯；
2、文件小，可壓縮性好；
3、圖片可伸縮；
4、可在任何的分辨率下被高質(zhì)量地打??；
5、可以與 JavaScript 技術(shù)一起運(yùn)行；
6、文件是純粹的 XML，是開放的標(biāo)準(zhǔn)；
7、隨著瀏覽器的升級，現(xiàn)如今大部分瀏覽器都支持顯示。
如何插入SVG到網(wǎng)頁中
1、使用標(biāo)簽embed
標(biāo)簽被所有主流的瀏覽器支持，并允許使用腳本。
2、使用標(biāo)簽object
標(biāo)簽是 HTML 4 的標(biāo)準(zhǔn)標(biāo)簽，被所有較新的瀏覽器支持。它的缺點(diǎn)是不允許使用腳本。
3、使用標(biāo)簽iframe
標(biāo)簽可工作在大部分的瀏覽器中。
SVG圖像如何制作？
可以使用Illustrator制作SVG文件，還可以直接修改代碼
SVG在網(wǎng)頁上大的應(yīng)用是可變大變小而且不模糊，其次就是文件比較小。特別適合響應(yīng)式網(wǎng)站制作
。

分享名稱：網(wǎng)站制作圖片格式SVG介紹
分享鏈接：http://muchs.cn/news/243332.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、做網(wǎng)站、企業(yè)網(wǎng)站制作、品牌網(wǎng)站設(shè)計、用戶體驗(yàn)、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化