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

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

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

本文題目：網(wǎng)站制作圖片格式SVG介紹
鏈接URL：http://www.muchs.cn/news32/243332.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站建設(shè)、網(wǎng)站改版、標(biāo)簽優(yōu)化、微信公眾號(hào)、網(wǎng)頁(yè)設(shè)計(jì)公司

廣告

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

網(wǎng)站托管運(yùn)營(yíng)