画布vs.图像-性能
Canvas vs. img - performance
我试图找到一些相关的资料,但一无所获。
所以,我的问题很简单。帆布比img快吗?我将使用img (png, gif)或canvas中的object。- 对象只使用一次,
- 同一对象的多次使用,例如admin的图标,
- 不同对象的多重使用,例如公司的徽标。
我对内存使用,浏览器性能和加载速度感兴趣。
编辑#1:画布是由js绘制的,它将与img标签中的图像相同。
不,img
比使用canvas
更快,更容易创建和更易于访问。 img
标签被设计为显示图像,所以如果这是所有你需要做的,使用img
标签。多次使用并不重要,因为图像只会下载一次。
如果你需要一些动画或交互性,那就是考虑canvas
的时候了。
相关文章:
- SVG具有旋转图像的低性能
- 当使用HTTP/2时,缩小和连接JS/CSS文件,以及使用精灵进行图像处理仍然可以提供性能优势
- 性能方面-画布与基本URI与图像
- 火狐图像性能
- 三个js性能如何使使用图像纹理更快
- Jquery图像平移,性能不佳
- HTML 大图像性能问题
- Javascript图像数据到多维数组性能问题
- Webgl 动画纹理性能与画布绘制图像性能
- 向 DOM 添加一个简单的图像标记,而不是使用 GWT 控件以获得更好的 JS 运行时性能
- 使用DataURI图像提高CSS-url()的性能
- 使用带有arbor.js的图像时出现性能问题
- 画布多个图像和移动浏览器性能
- 网页上的图像地图是否存在性能问题
- AJAX加载图像的性能
- 为什么浏览器/客户端图像大小调整会对性能造成如此大的影响?
- 使用base64编码的图像是否有一些性能优势?
- 画布vs.图像-性能
- 提高HTML画布鼠标移动图像掩码的性能
- HTML画布性能-导入图像或绘制画布