什么渲染速度更快、预定义图像 alpha 或不透明度？

Question

如果我有一个 127 alpha 的 png 图像，并且我有相同的图像，具有正常的 alpha (255) 和 CSS 样式 opacity:0.5，这将渲染更快？

我问的原因是我想在网页游戏中使用一些部分透明的云，我很想知道哪种技术可以减轻计算机的压力。

Answer 1

PNG 会做得更好。

要渲染不透明度 < 1.0 的元素，浏览器将 1) 创建位图缓冲区，2) 在那里渲染图像，然后 3) 将该缓冲区渲染到目标。

对于 PNG，它只会执行 #3。

具体细节可能有所不同，但这些步骤将以一种或另一种形式存在。