画布vs.图像-性能

Canvas vs. img - performance

本文关键字:性能 图像 vs 画布      更新时间:2023-09-26

我试图找到一些相关的资料,但一无所获。

所以,我的问题很简单。帆布比img快吗?我将使用img (png, gif)或canvas中的object。
  1. 对象只使用一次,
  2. 同一对象的多次使用,例如admin的图标,
  3. 不同对象的多重使用,例如公司的徽标。

我对内存使用,浏览器性能和加载速度感兴趣。

编辑#1:画布是由js绘制的,它将与img标签中的图像相同。

不,img比使用canvas更快,更容易创建和更易于访问。 img标签被设计为显示图像,所以如果这是所有你需要做的,使用img标签。多次使用并不重要,因为图像只会下载一次。

如果你需要一些动画或交互性,那就是考虑canvas的时候了。