Javascript 用于在浏览器中快速加载的光栅图形文件格式

我有许多不同文件格式的光栅图形。它们可以是JPEG或PNG，但由具有不同压缩级别的不同应用程序生成。这些文件在SVG中嵌入base64编码（通过

inkscape

）以在web应用程序中显示。浏览器能够快速加载和渲染图形是至关重要的，因为这个过程会干扰我实现的javascript动画。通过快速加载，我这里指的不是文件传输，而是文件显示的过程。

---

我需要哪些选项来改进光栅图形？显然，当一些图形嵌入到文件中时，它们的大小会急剧膨胀（高达10倍）。如果原始文件被压缩，会发生这种情况吗？或者有其他原因吗？

为什么要将光栅化图像嵌入SVG？我看不出明显开头的句子有什么明显的地方…@kaido No。我是说我试过了。对于某些文件，它们的嵌入会产生非常大的输出。顺便说一句，我通过在命令行上转换包含图像的PDF文件来实现这一点。引用外部图像的inkscape选项似乎不存在。图像和PDF文件有时要小得多。为什么要将光栅化图像嵌入SVG？我看不出明显开头的句子有什么明显之处…@kaido No。我是说我试过了。对于某些文件，它们的嵌入会产生非常大的输出。顺便说一句，我通过在命令行上转换包含图像的PDF文件来实现这一点。引用外部图像的inkscape选项似乎不存在。图像和PDF文件有时要小得多。