大家好,今天小編來為大家解答以下的問題，關(guān)于svg和png有什么區(qū)別，svg和png哪個(gè)好這個(gè)很多人還不知道，現(xiàn)在讓我們一起來看看吧！

HTML5中Canvas和SVG網(wǎng)頁繪制圖形的區(qū)別

Canvas和SVG都允許在瀏覽器中創(chuàng)建圖形，但是它們在根本上是不同的。

Canvas

描述：

通過Javascript來繪制2D圖形。

是逐像素進(jìn)行渲染的。

其位置發(fā)生改變，會(huì)重新進(jìn)行繪制。

SVG

描述：

一種使用XML描述的2D圖形的語言

SVG基于XML意味著，SVGDOM中的每個(gè)元素都是可用的，可以為某個(gè)元素附加Javascript事件處理器。

在SVG中，每個(gè)被繪制的圖形均被視為對象。如果SVG對象的屬性發(fā)生變化，那么瀏覽器能夠自動(dòng)重現(xiàn)圖形。

比較

Canvas

依賴分辨率

不支持事件處理器

弱的文本渲染能力

能夠以.png或.jpg格式保存結(jié)果圖像

最適合圖像密集型的游戲，其中的許多對象會(huì)被頻繁重繪

SVG

不依賴分辨率

支持事件處理器

最適合帶有大型渲染區(qū)域的應(yīng)用程序（比如谷歌地圖）

復(fù)雜度高會(huì)減慢渲染速度（任何過度使用DOM的應(yīng)用都不快）

不適合游戲應(yīng)用

ps存儲和導(dǎo)出有什么區(qū)別

儲存為和導(dǎo)出為主要區(qū)別在兩個(gè)方面

1：格式的區(qū)別。儲存為可以存為好多好多格式，而導(dǎo)出為只有PNG,JPG,GIF,SVG四種格式

2：編輯的區(qū)別。導(dǎo)出為可以在導(dǎo)出頁面中調(diào)整參數(shù)（在圖像菜單項(xiàng)中也可以作調(diào)整，因此個(gè)人覺得沒什么用）

但是也存在別的區(qū)別。以“Photoshop中導(dǎo)出為JPG和另存為JPG有什么區(qū)別”為例作了詳細(xì)的講述。既然導(dǎo)出為的JPG和儲存為的jpg存在區(qū)別，那么可以推測另外三種文件格式也是存在區(qū)別的。

svg是什么文件格式

是指圖形文件格式。

SVG是一種圖形文件格式，它的英文全稱為ScalableVectorGraphics，意思為可縮放的矢量圖形。

svg文件是繪圖文件,是使用AdobeIllustrator生成的矢量圖文件，一般使用在網(wǎng)頁設(shè)計(jì)中。Svg文件還可以通過瀏覽器打開，如火狐瀏覽器可以直接打開svg文件。其它線上網(wǎng)站能打開svg文件的有：wxeditor、svgomg、vectorpaint還可以將svg格式保存為常用的png格式。

圖像文件png，svg都有何特點(diǎn)

SVG可縮放矢量圖形（ScalableVectorGraphics）是基于可擴(kuò)展標(biāo)記語言（XML），用于描述二維矢量圖形的一種圖形格式。SVG由W3C制定，是一個(gè)開放標(biāo)準(zhǔn)。SVG嚴(yán)格遵從XML語法，并用文本格式的描述性語言來描述圖像內(nèi)容，因此是一種和圖像分辨率無關(guān)的矢量圖形格式。PNG格式圖片通常被我們當(dāng)做素材來使用，在設(shè)計(jì)過程中，不可避免的要搜索相關(guān)文件，如果是JPG格式文件，摳圖就在所難免，費(fèi)時(shí)費(fèi)力，gif格式雖然具有透明性，但其只是對其中一種或幾種顏色設(shè)置為完全透明，并沒有考慮對周圍顏色的影響，所以此時(shí)PNG格式文件就成了我們的不二之選。我們經(jīng)常在網(wǎng)頁中看到整個(gè)頁面使用同一個(gè)PNG圖片做背景，按鈕、導(dǎo)航條等全做在一張圖片上，其實(shí)就是這個(gè)道理，究其緣由無非就是PNG圖片在下載過程中占帶寬較小，而且顏色逼真，下載一次可重復(fù)使用。

svg下載和png下載哪個(gè)好

SVG下載和PNG下載都有各自的優(yōu)點(diǎn)和適用場景。SVG文件可以無限縮放而不失真，適用于需要高清晰度的圖像，如網(wǎng)頁設(shè)計(jì)、印刷品等。PNG文件則適用于需要透明背景的圖像，如Logo設(shè)計(jì)、圖標(biāo)等。因此，選擇哪種格式要根據(jù)具體需求而定。如果需要高清晰度的圖像，建議選擇SVG格式；如果需要透明背景的圖像，建議選擇PNG格式。

好了，文章到此結(jié)束，希望可以幫助到大家。