大佬教程收集整理的这篇文章主要介绍了html – 哪种方式来加载巨大的图像(canvas vs img vs background-image)？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
目前我有一个4000×4000的png图像.使用tinypng.org后,它成为一个288KB的文件.
现在我想要加载图像的斋戒方法,将其放在DOM中,并可以在其上绘制大量画布.
我测试了一些,结果令我震惊.
我测试了
我做了3个测试,只检查负载速度.
>(423ms)< canvas>
>(138ms)< img>
>(501ms)CSS BACkground-image
< img>标签是最快的.
题
那么使用< img>是不好的做法标签显示一个巨大的(背景)图像,并使用一些脏CSS来绘制画布？
或者在我的情况下使用画布更好,不用担心更长的加载时间？
从该文章中,如果人们打算打印您的页面,则不会使用< img> – 这样会出现在印刷品上.这同样适用于< canvas>,使BACkground-image成为逻辑解决方案.
如何通过CSS添加您的背景图片？是内联还是通过自己的样式表？如果使用自己的样式表,在测试速度之前是否尝试过compressing the CSS？
这也是有关的,我想：Do Images Load Faster in HTML or CSS?
以上是大佬教程为你收集整理的html – 哪种方式来加载巨大的图像(canvas vs img vs background-image)？全部内容，希望文章能够帮你解决html – 哪种方式来加载巨大的图像(canvas vs img vs background-image)？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。