如何創建'.svg.png'圖片？

Question

我一直看到文件格式爲'.svg.png'的圖片。不確定它們是如何工作的，因爲SVG是基於矢量的，而PNG是柵格圖像。

所以任何人都可以告訴我;

• 使用它們有什麼好處？
• 如何創建它們。在illustrator中我看不到如何導出爲svg.png。

非常感謝

Answer 1

這是一個普通的PNG。文件名的.svg部分只是告訴任何使用它的人以SVG格式創建它（因此，如果SVG版本需要大版本或想進行更改，那麼它會在某處浮動）。只需將文件導出到PNG並在最後手動輸入.svg.png即可。如果您實際上將原始文件保存爲SVG，以便其他人可以對其進行編輯，則只應執行此操作。

Answer 2

的.svg.png擴展告訴你，這是一個從一svg圖像渲染的png圖像（和一個做了轉換隻是附加了png擴展到原來的文件名保存，這是源文件的名稱轉換）。

做這樣的轉換，可以使用不同的工具：

• 一個web application
• 一個firefox extension
• 一個PHP class
• ImageMagick（還提供了Perl extension）

當然還有更多...

我認爲將png而不是svg返回給瀏覽器的主要原因是某些傳統瀏覽器無法直接顯示svg圖像。