關於 svg 效能 ，我們在網路上蒐集到這些相關的討論、資訊與評價

#11. iOS和其他平板電腦上SVG效能的狀態？ - 程式人生

決定使用D3.js和SVG進行視覺化處理後，現在SVG看起來可以在桌面瀏覽器或本機Shell中正常工作，但是我對iOS移動平臺上效能下降的速度感到困惑。

#12. svg效能低？能展現的點比較少？真的是這樣嗎？ - w3c學習教程

svg效能 低？能展現的點比較少？真的是這樣嗎？,很多人會說用d3畫svg有侷限，d3本來就不適合大資料視覺化說出這些話的人，首先要說的就是他不懂大資料因為大資料的精髓 ...

#13. 利用「Tivoli 效能檢視器」檢視資料 - IBM

請利用這個頁面來檢視和重新整理所選伺服器的效能資料、變更使用者和日誌設定、 ... 如果這個內容設為 false ，將會停用Dojo，「Tivoli 效能檢視器」會利用SVG 格式來 ...

#14. HTML5 筆記- 使用SVG 取代PNG/GIF 圖示 - 黑暗執行緒

還是一種做法是使用Data URI，將SVG 內容直接嵌入HTML 或CSS，如此可省去瀏覽器另發Request 下載svg 的效能損耗，加快網頁顯示速度。示範如下：.

#15. Android應用效能優化系列檢視篇——SVG圖片版本相容及效能優化 ...

然而，相容性和效能方面卻是差強人意，以至於至今都未能廣泛使用。 本篇部落格給大家帶來一套較為不錯的解決方案：SVG-Android（作者是本人。。。），相比於Vector，其 ...

#16. P-Rating - 維基百科，自由的百科全書

Disambig gray.svg 關於PR值的另一種用法，請見「百分位數」。 ... P-Rating（Performance-Rating）簡稱PR值，譯作效能指標，是AMD CPU曾經採用作型號的命名方法。

#17. 操作環境 - CLIP STUDIO PAINT

※操作時需要的記憶體容量和CPU性能依製作的圖像尺寸和圖層數量而定。一般來說，圖像尺寸越大、圖層數越多，就會需要越大的記憶體容量和CPU速度。

#18. Direct2D 的新功能- Win32 apps

從Windows 10 Creators Update 開始，Direct2D 提供剖析和繪製SVG 影像 ... 幾何實踐可讓應用程式在某些情況下改善幾何轉譯效能，而不會有一些將幾何 ...

#19. NX-SVG——台灣Azbil

NX-SVG · “採用了這個計装網路模組之後,我們取得了大訂單” · 毋須通信程式,縮短開發時間 · 壓倒性的通信效能減少PLC通信模組 · 客戶的迴響 ...

#20. 选择Canvas 还是SVG | G2

之前网上有不少Canvas 和SVG 性能对比的文章，得出的结论大体是“Canvas 性能更好，适合更大量数据的渲染”。其实这么说是有失偏颇的。性能对比要看场景。

#21. URL@智邦生活館 - 虛擬主機

系統設定知識 主機信箱使用技巧、效能優化、DNS設定等 · SVG. 網站架設知識 網站架設教學、網站優化、網站趨勢等知識 · SVG. 網路行銷知識 數位行銷、搜尋引擎優化、 ...

#22. HTML界的“蘇炳添”——詳解Canvas優越效能和實際應用 - IT人

除了定義的方式不同，Canvas和DOM（當然也包含SVG）的差異更多的體現在瀏覽器的渲染方式上。 瀏覽器在做頁面渲染時，Dom元素是作為向量圖進行渲染的。每 ...

#23. 材質分割與分類於SVG漫畫壓縮之應用 - Airiti Library華藝線上 ...

Texture segmentation and classification for SVG Comic Compression ... 壓縮 ； Image segmentation ； Scalable Vector Graphic (SVG) ； Support Vector Machine ...

#24. 博碩士論文行動網

論文名稱(外文):, A Study on XML-based Web GIS-Using a SVG System ... 會推出SVG的原因是為了解決網路上圖形展示的問題，藉由SVG的特性提高網路圖形展示的效能。

#25. Html5/SVG性能优化.md at master - GitHub

###SVG性能优化. @(Jβearmen)[前端|优化|SVG]. SVG是使用XML 来描述二维图形和绘图程序的语言。在H5地图引擎中会用SVG技术做图形绘制，特别是在Android 浏览器中进行 ...

#26. Kubernetes 安全性與效能

Cloudflare 的多雲端解決方案和Kubernetes 共同提高了應用程式可用性並降低了成本，同時還提供了統一的安全性和效能控制平面。 (*) 全新Google Cloud Platform 使用者 ...

#27. 卡牌特效: svg不規則倒計時動效

而svg的相容性好，基於XML，比較輕量，而且當前特效的XML結構比較簡單，不會影響頁面效能，鑑於當前頁面已經有多處特效使用canvas繪製，基於效能 ...

#28. AWS 架構圖示

Microsoft Visio 工具組支援已被取代。 資產. 將資產套件匯入您最愛的圖表製作工具。套件包含PNG 和SVG 檔案格式的深 ...

#29. 關於圖片優化JPEG,JPG,PNG,WebP,Base64,SVG的選擇

im/book/5b936540f265da0a9624b04b《高性能網站建設指南》的作者SteveSouders曾在一篇博客中提到：我的大部分性能優化工作都集中在JavaScript和CSS ...

#30. 無線遊戲滑鼠- Razer Basilisk X HyperSpeed

玩遊戲時，Razer™ HyperSpeed 無線技術可讓你輕鬆擁有長達285 個小時的極速效能。 最長達450個小時. 藍牙模式. 最長達285個小時 ... viper-optical-mouse-switch.svg ...

#31. SVG 高性能优化清单 - 掘金

一些你所不知道SVG 的性能优化技巧清单. ... 他们向我咨询了一些优化建议，因为他们整个网站有大量的SVG格式的图片，而且有大量的SVG动画效果。

#32. SVG性能改善- C.Jun - 博客园

当SVG处理大数据时页面渲染速度会很慢，这里先记录一下这段时间的性能改进心得，等稍后时间充裕了再来完善。 性能改进方法：. 以降低坐标精度为代价提高 ...

#33. 應用Google Maps API 提升海洋環境資訊呈現效能

度等，透過前端SVG 及VML 向量標記圖標及後端資料庫分區，快速地在網際網路環境下，以. 地圖方式呈現海洋環境資訊。 關鍵詞：Google Maps API、SVG、VML、資料庫分區、 ...

#34. 第五章分析與結論

實做使用Javascript 來控制的SVG，使其能使用SVG 來呈現Fractal 的範例圖形與 ... 實做的過程對SVG 與Fractal、SVG 與L-system 的比較來作圖形呈現效能分析；5.3.

#35. Android APP + SVG - 成長筆記

自上一篇文章iOS APP + SVG 測試，SVG效果載入iOS 算成功一半，還需要測試 ... APP SVG 機制，則只能使用WebView 顯示，樣式不易掌控、可能影響效能是 ...

#36. SVG淨七代 - momo購物網

SVG 淨七代. 新上市; 銷量; 價格; 篩選. 商品分類; 尺寸. 功能. 類型. 適用於. 顏色. 材質. 對象與族群. 款式. 效能. 色調. 產地. 包裝組合.

#37. SVG和canvas渲染的性能比较 - 术之多

SVG 和canvas渲染的性能比较 · 1.什么是SVG？ 描述：. 一种使用XML描述的2D图形的语言; SVG基于XML意味着，SVG DOM中的每个元素都是可用的，可以为某个元素 ...

#38. APF/SVG+TSC混合全效能综合补偿装置 - 费籁电气(上海)有限 ...

1）一体化：将APF/SVG和TSC模组控制集成为一体，产品不仅能精细补偿无功，还能实现大容量补偿功能。 2）智能化：在高性能硬件的基础上，结合信号采集、联网通讯等先进成熟 ...

#39. svg性能低？能展现的点比较少？真的是这样吗？

很多人会说用d3画svg有局限，d3本来就不适合大数据可视化说出这些话的人，首先要说的就是他不懂大数据 因为大数据的精髓不在于数据量，而在于数据分析 ...

#40. SVG加載太慢？試試這六招 - 壹讀

這對於關注SVG性能的Web開發者來說是一個好消息，不過對於非常大的詳細的SVG文件仍然還有一段路要走，如複雜的圖標和地圖，特別是如今在流動裝置上 ...

#41. 关于html：复杂SVG在Chrome中的性能不佳 - 码农家园

如果我在使用SVG的区域上滚动，Chrome会变慢并且帧率会急剧下降。即使没有动画/样式化SVG路径。到目前为止，在Firefox和Safari中都没有性能问题。 关于SVG ...

#42. HTML界的“蘇炳添”——詳解Canvas優越效能和實際應用_部落格園 ...

在HTML5之前，人們通常使用SVG來在頁面上繪製出圖形。SVG使用XML來定義圖形，就像使用HTML標籤和樣式定義DIV一樣，我們也可以將一個空白的DIV想象為長方形的SVG，兩者 ...

#43. TDRI台灣設計研究院 線上簡介| 版塊設計Block Studio

【Detail】 「首頁動態」利用Lottie.js將AE影片做JSON輸出置入，大大提升效能。 「SVG動態」全站使用非常多的SVG動態，也提升許多效能。 「滾動動態」貫串全站五大目標 ...

#44. [Android] 5-11 png轉svg轉xml - 給你魚竿- 痞客邦

SVG 相對於PNG檔來說不會因為此吋的改變而變形而且在圖檔大時較省空間而Android可以用XML的方式來使用SVG圖檔而使用起來就跟png一樣使用就好了Android ...

#45. 效能優化-Go語言-SVG - ITW01

效能 優化-Go語言-SVG,ITW01是中文技術的分享平台，彙集大量中文技術文章，為大家提供數碼,系統運維,雲計算,大數據,人工智慧等最新資訊和技術解決方案，分享熱門技術 ...

#46. 知識庫存取 - PTC

SVG Importer does not scale the graphics inside the SVG to the viewbox correctly in Arbortext Advanced Print Publisher. 修改時間: 06-Aug-2021 ...

#47. 三星採用ARM Mali-SVG-T 2D圖形轉譯軟體 - 電子工程專輯.

ARM Mali-SVG-t技術提供與SVG-t 1.2規格相容的中介軟體層，不但可達到ARM ... Mali GPU系列包括最小的OpenGL ES繪圖處理器Mali-55，到最高效能、支援 ...

#48. 10 倍高清不花！大麦端选座SVG 渲染 - InfoQ

SVG 渲染性能优化；. SVG 如何与业务场景结合；. 如何将CSS 能力应用到SVGKit，保持（iOS\Android\H5）一致 ...

#49. NewGun

國籍：中國 Flag of China.svg, 槍械類型：步槍 ... 作戰效能 ？ → ？ 攜帶消耗. 彈藥, 15→55, 口糧, 30→90. 技能, 技能描述 ... 國籍：巴西 Flag of Brazil.svg ...

#50. 快速响应的交互式图表/图形：SVG，Canvas，其他？ - 问答

如果我能够获得这样的性能，而不必编写自己的画布绘制代码，那么我可能会选择SVG。 我注意到有些用户使用了混合的d3.js操作和画布渲染。但是，我无法在 ...

#51. 網頁設計：SVG圖形格式六大優勢

效能 提昇. 先前提過SVG的格式為向量，所佔用的資料量遠比JPG與PNG點陣圖片來得小，這對於運算 ...

#52. iOS 和其他平板电脑上的SVG 性能状态？ - IT工具网

决定使用D3.js 和SVG 进行可视化后，现在看起来SVG 可以在桌面浏览器或native shell 中正常工作，但我真的对iOS 移动平台上性能速度的下降感到困惑。

#53. SVG vs Image, SVG vs Iconfont - JELLY

现在对比一下背景图使用图片与使用SVG 格式的体积大小（做图的时候拿错 ... DOM 节点的性能优化都有必要注意；一个 SVG 图像可能就会有很多路径，即 ...

#54. 熱門SVG線上課程- 更新於[2021 November] | Udemy

SVG 的學生也學習了. CSS 動畫D3.js向量圖形CSS FlexboxSassHTML52D 動畫函數式程式設計Figma · 網頁表單動畫CSS GridCSS藝術治療前端網頁開發響應式 ...

#55. 前端效能優化的一些方案 - 程序員學院

前端效能優化的一些方案,1 儘量和並和壓縮css和js檔案。 ... 因為字型圖示或者svg是向量圖，**編寫出來的，方大不會變形，而且渲染速度快.

#56. 为什么要用SVG？svg与iconfont、图片多维度对比

SVG 在既能满足现有图片的功能的前提下，又是矢量图，在可访问性上面也非常不错，并且有利于SEO和无障碍，在性能和维护性方面也比icon font要出色许多，总之大家可以 ...

#57. WordPress 讓SVG 允許上傳外掛套件| 坂本Sakamoto.blog

優先較高：SVG 剛好是因為DOM (Document Object Model) 元件其中之一，所有瀏覽器就會優先處理。 效能提升：SVG 比JPG、PNG 的資料量比較小，對於手機 ...

#58. SVG 与HTML5 的canvas 各有什么优点，哪个更有前途？ - 知乎

Canvas是使用JavaScript程序绘图(动态生成)，SVG是使用XML文档描述来绘图。 从这点来看：SVG更适合用来做动态交互，而且SVG绘图很容易编辑，只需要增加或移除相应的 ...

#59. 政府資訊公開,區域能資源整合暨效能提升示範輔導計畫 - 經濟部 ...

區域能資源整合暨效能提升示範輔導計畫0728.pdf (下載次數: 1,610) ... 分享至社群網站的圖示：facebook.svg 分享至社群網站的圖示：youtube.svg.

#60. Android应用性能优化系列视图篇——SVG图片版本兼容及性能 ...

尽管Android在5.0版本就引入了SVG图片的解决方案：Vector。然而，兼容性和性能方面却是差强人意，以至于至今都未能广泛使用。

#61. 把CSS 效能優化- will-change | 文章| DeTools 工具死神

css3 有一個屬性will-change，是用來增加CSS 變化時的效能的，但須注意不要過度使用，可以搭配js 在適當的時刻使用這個屬性。

#62. [開發紀錄] Lidemy 第四期程式導師計畫官網 - Yakim shu

因為貪圖方便又不想失真，大部分圖片都是輸出svg，然後再 ... 之前做效能優化作業 時就覺得這套工具超神，這次當然也免不了它，不過之前用 ...

#63. 除錯介面

除錯介面會在需要向其他玩家描述自己位置或監測遊戲效能時發揮很大用處。 ... Information icon.svg ... Debug*, 告訴玩家效能評測圖表或幀生成時間圖表是否可見。

#64. 中華電信水璉、新社、米棧機房SVG升版停話通知 - 更生日報

更生日報即時新聞／記者謝宗璋／報導 中華電信公司花蓮營運處為永續經營發展，持續更新設備效能，以提供客戶更高品質的電信服務。

#65. About GRAID | The Leader in NVMe SSD Solutions

site-preview_0000_1280px-AMD_Logo.svg.pn. Seagate_logo_white.png. Website-Background-2.png ... GRAID SupremeRAID™ 解決方案為企業數據中心重新定義效能標準.

#66. iOS 端向量圖解決方案彙總 - sa123

渲染SVG向量圖到標量圖. 一些UIKit的檢視，或者一些影象處理，對向量圖支援並沒有考慮，或者是我們在做效能最佳化時，需要將向量圖光柵化得到對應的 ...

#67. WordPress 讓SVG 允許上傳外掛套件

效能 提升：SVG 比JPG、PNG 的資料量比較小，對於手機來說載入比較快。 品質提升：SVG 向量圖比點陣圖的品質較來極高，目前更多形象 ...

#68. SVG 优化探索

这种方式的优点： SVG 资源可被缓存，SVG 资源可单独加载。 缺点：加载多个SVG 文件时，会产生多个http 请求，影响页面加载性能。 2、svg-react-loader.

#69. iOS和其他平板电脑上SVG性能的状态？ | 码农俱乐部

决定使用D3.js和SVG进行可视化处理后，现在SVG看起来可以在桌面浏览器或本机Shell中正常工作，但是我对iOS移动平台上性能下降的速度感到困惑。

#70. SVG 與HTML5 的canvas 各有什麼優點，哪個更有前途？

Canvas是使用JavaScript程序繪圖(動態生成)，SVG是使用XML文檔描述來繪圖。 從這點來看：SVG更適合用來做動態交互，而且SVG繪圖很容易編輯， ...

#71. svg和canvas性能比较

... 每个页面大约显示近1000张图。使用canvas绘制100张还行，但更多的时候浏览器就会卡死。因而产生了想使用svg绘图的想法，但不知道svg的性能如何？

#72. SVG子模块PCB壳体的电磁屏蔽效能仿真分析- 期刊 - CNKI

【摘要】 静止无功发生器(Static Var Generator,SVG)产品的不断迭代升级,其子模块体积越做越小,使器件散热和电磁屏蔽成为分析的热点。根据相关统计和分析,工程现场SVG ...

#73. SVG子模块PCB壳体的电磁屏蔽效能仿真分析-【维普期刊官网 ...

SVG 子模块PCB壳体的电磁屏蔽效能仿真分析 认领. Simulation Analysis of Electromagnetic Shielding Efficiency of SVG Submodule PCB Shell.

#74. D3.js 實戰－ Canvas 把我的視覺化變「快」了！

使用D3.js 作網頁視覺化最常與SVG 一起運用，但向量化的本質讓SVG 實用上有些許限制，最大的問題就出在效能上。因此，我們在這篇文章簡單的介紹如何 ...

#75. 豐富手持裝置多媒體介面OpenVG繪圖引擎成效顯著 - 新通訊

本文將針對目前主流的SVG Tiny技術以及採用的繪圖引擎OpenVG技術，以效能取向去探討Rich Media Player的架構，其中包含了OpenVG的基礎架構，以及利用 ...

#76. 耗時與耗電量測工具：比較與實例分析 - 交通大學

瀏覽器內四種不同渲染技術Canvas[1]、Flash[2]、HTML[3]、SVG[4]的執行時間，. 並分析與討論測量結果。在實例中發現SVG技術效能最慢，而其效能瓶頸是 ...

#77. Java动态生成SVG饼图与JFreeChart超强效能生成SVG图表 ...

SVG 生成饼图,固然代码兑现,但是感觉太复杂,太消耗时间,还倒不如用JFreeChart,但是听同人说,JfreeChart很多Bug,有时还需要批改它的源代码,哎.网上找打了JfreeChart ...

#78. SVG子模块PCB壳体的电磁屏蔽效能仿真分析-维普期刊中文期刊服务 ...

摘要 静止无功发生器(Static Var Generator,SVG)产品的不断迭代升级,其子模块体积越做越小,使器件散热和电磁屏蔽成为分析的热点。根据相关统计和分析,工程现场SVG控制 ...

#79. bbburst 線上產生五顏六色繽紛效果的SVG 圖片 - 免費資源網路 ...

bbburst 是一個很簡單的線上工具，可以輕鬆產生有爆炸效果的彩色形狀SVG 圖片，帶著邊緣模糊效果，非常適合使用於背景、封面或按鈕，為設計加入生動 ...

#80. SVG转jpg效能代码- Web前端 - 我的异常网

SVG 转jpg效能代码. 网友分享于：2013-07-29 浏览：377次. SVG转jpg功能代码 import java.io.*; import org.apache.batik.transcoder.image.JPEGTranscoder;

#81. 辽宁电网首台SVG动态无功补偿装置在朝阳投运成功- 北极星电力网 ...

6月21日20时05分，辽宁电网首台SVG动态无功补偿装置在朝阳投运成功， ... 目前，朝阳公司正收集SVG投运前后相关数据，做好SVG效能分析工作，为SVG动态无功补偿技术在 ...

#82. 辽宁电网首台SVG动态无功补偿装置在朝阳投运成功_硬齿面减速机

香港马内部免费资料大全，北极星电力软件讯:6月21日20时05分，辽宁电网首台SVG ... 目前，朝阳公司正收集SVG投运前后相关数据，做好SVG效能分析工作，为SVG动态无功 ...

#83. 今天在您的网站上使用SVG图像的好处 - EYEWATED.COM

由于矢量图形是可缩放的，因此无论需要显示多大的图像，您都可以拥有非常小的文件大小。 这最终将对网站的整体性能和下载速度产生积极影响。 CSS样式. SVG代码也可以直接 ...

#84. Using SVG | CSS-Tricks

SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator.

#85. 维普资讯中文期刊服务平台- SVG子模块PCB壳体的电磁屏蔽效能仿真 ...

SVG 子模块PCB壳体的电磁屏蔽效能仿真分析. Simulation Analysis of Electromagnetic Shielding Efficiency of SVG Submodule PCB Shell. 加关注用手机二维码扫描关注.

#86. SVG原理及应用_百度文库

SVG 原理及应用- SVG无功补偿原理与应用培训人：。。。 1 主要内容□无功补偿基础□ SVG工作原理□ SVG结构及原理□ SVG的工作模式□ SVG优点及维护2 无...

#87. 利用Animation与Svg绘制loading/圆形进度条组件 - 唯品秀前端 ...

相关推荐 · 为什么图片你应该使用Picture标签而不是Img标签 · 【已解决】a标签做鼠标放上去90度3D旋转，会出现点击失灵 · 关于css3动画性能一点点优化之will- ...

#88. HTML 5 Canvas vs. SVG - Design Code 設計密碼- 痞客邦

Canvas 和SVG 都允許您在瀏覽器中創建圖形，但是它們在根本上是不同的。 SVG SVG 是一種使用XML 描述2D 圖形的語言。 SVG 基於XML，這意味著SVG DOM.

#89. 加快Google Chrome 的運作速度- 電腦

步驟1：更新Chrome. 最新版本的Chrome 擁有最佳的運作效能。更新Google Chrome。 步驟2：關閉未使用的分頁. 開啟的分頁越多，Chrome 的處理負荷就越重，所以建議你將用 ...

#90. 在Illustrator 中使用SVG 格式

瞭解如何搭配SVG 以使用XML 和JavaScript，藉此建立回應使用者動作的網頁圖形，並為圖形加上複雜效果， ... 在圖稿中使用符號並簡化路徑，可改善SVG 效能。

#91. 未来五年，云南这样“赶考” - 丽江

... 阶段，国家重大发展战略和政策在云南交汇叠加，独特的区位优势、资源优势、开放优势正加快转化为发展效能，未来发展实现后来居上的可能性巨大。

#92. SVGを制作できるアプリ,お絵描きソフトを徹底的に調べまし ...

Adobe Photoshopはとても人気のある高性能な画像編集ソフトウェアです。 ですがラスター画像には強い一方でベクター系は不得手で、そのため初期設定では ...

#93. SVG渲染效能- rendering - Codebug

SVG 渲染效能. 我建立了一个基於SVG的jump'n'run瀏覽器遊戲. »world«變大（~80px * ~20000px，在縮放到视口高度之前）並且渲染速度變慢.因此，我包括一个範圍搜尋演算 ...

#94. 【O專欄】SVG：可縮放向量圖形的好處與可能性 - T客邦

可縮放向量圖形（Scalable Vector Graphics，簡稱SVG）是W3C所制定的開放性網路標準之一。它是以可擴充套件標記語言（XML），來描述2D圖形的一種圖形格式 ...

#95. PURE A9 高效能抗菌空氣清淨機 - Electrolux Lifestyle 伊萊克斯

產品型號/ PA91-606GY *據2020年行政院消保處市售空氣清淨機品質安全檢測、標示查核暨效能檢驗結果，PA91 – 406GY CASR值為抽驗產品中最高。

#96. SVG是什麼意思？SVG是什麼的縮寫？ - 隨手記錄

而「SVG」則是第一次聽到，所以著手對SVG做一些基本的了解。 ⬛ SVG. ⚫ 縮寫： Scalable Vector Graphics.

#97. 分子生物學技術II - Google 圖書結果

突變介紹圖片234A |此圖顯示瞭如何利用OE-PCR效能從 DNA 鏈中刪除 ... org/wiki/File:Overlap_extension_polymerase_chain_reaction.svg) from Wikimedia Commons 為了 ...

#98. 百年乳製品企業研發牛糞電池！ 提供120萬戶家庭電力效能驚人

丹麥一間有百年歷史的Arla乳製品公司，日前和Gold Peak電池公司合作，設計出一款以牛糞打造的乾電池，據悉電池可充電重複使用，充分落實了環保精神， ...

#99. 什麼是SVG檔案格式? 如何將SVG開啟和轉換成JPG? - 模範城市

本篇文章將解釋什麼是SVG檔(Scalable Vector Graphics)，該格式與其他圖像格式有何不同，如何開啟該檔，以及如何將它轉換成其它圖片檔，例如PNG或JPG ...