为什么有人会在位图/ SpriteSheet技术上使用纯CSS样式按钮?

Hai*_*ter 5 css css-sprites

我的工作正在讨论在我们的网站上部署按钮的最佳方式.一些艺术总监要求纯CSS中的按钮,我更喜欢在Photoshop中制作Spritesheets.我的论点 - 字符串,文字效果,如阴影和别名,从Photoshop中看起来更好看.他们的论点 - 你失去了SEO点,翻译引擎无法改变按钮.

我确信双方都有争论 - 我是否遗漏了这些论点中的任何一个明显的东西?

The*_*EEP 4

嗯,一方面,纯 CSS 按钮肯定会加载得更快,因为它们只有很少的几行代码。很多事情在 CSS/JS 中无法完成,那些必须是图像,并且会消耗大量带宽。但在可以节省带宽的地方,您就应该这样做。如果速度是您的项目的首要任务,那么这一点就是一个杀手锏。

关于 Photoshop 看起来更好的效果……我不一定同意。我真的不认为浏览器实现在任何方面看起来都很糟糕,所以你必须首先击败它们。

此外,绘制按钮图像可能比编写几行代码花费更多时间。这同样适用于更改按钮。可维护性在 CSS 方面;)

我认为翻译论证不适用。如果“本地化引擎”可以处理不同语言的不同 CSS 样式/样式类/文本,那么它也应该能够处理不同语言的不同图像/精灵。

关于 SEO:如果您有按钮或图像的后备文本(以防无法加载,IMO 标准行为),那么它应该像任何字符串一样适用于搜索引擎。虽然我在这里不是100%确定。