如何提高PNG图像的渲染和加载性能?

时间:2019-05-08 13:31:22

标签: javascript image performance encoding

我有两个应用程序,一个在C ++(后端)中,另一个在Angular / typescript(前端)中。

我的目的是将多个PNG图像(256x256)加载到Web网格中。

阅读下一篇关于优化图像以提高图像渲染和创建性能的文章see,我一直在阅读和调查有关数据URI和Base64编码图像的段落在加载图像时将图像编码为Base64,以提高渲染和加载性能。

首先在我的后端应用程序中,我已经上传了PNG图像并将其转换为Base64。当我的前端应用程序请求图像时,后端在JSON对象中发送base64编码的字符串,并且前端可以正确呈现图像。不过,我需要渲染多张图像(例如:300),并在4x4的惰性渲染网格中进行显示。

有没有更好的方法来改善图像网格渲染的性能并改善PNG图像的创建?

我将不胜感激。

0 个答案:

没有答案