我的项目的创意设计师和我有一些友好的分歧,关于是使用他的作品的片段还是依靠浏览器的渲染引擎来创建用户体验的某些方面更好。
一个具体的例子是一个水平的“栏”,它贯穿了小部件的整个宽度。他创建了一个非常时髦的渐变,其中包含不同颜色和不透明度的几个停止点,他认为小尺寸的图像更可取,或者至少与本机生成渐变所需的添加的 CSS 代码行相当。
我们已经在使用 CSS sprite 技术来减少从服务器返回的次数,所以这对我们来说不是问题。现在它只是使用切片图像与使用 CSS 和 HTML 渲染的利弊。
对于图像需要多大才能成为两者中的“更差”选项,是否有明确的规则?
更新:由于一些人提到渐变的复杂性是一个因素,我将在这里介绍它:
-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgb(0,0,0)), to(rgba(0,0,0,0.9)));
很复杂!;-)