带有图像的按钮与html/css按钮

绘制一个按钮并将其用作背景图像（例如.png）或使用html+css制作同一个按钮是否更好。绩效会发生显著变化吗？一个按钮的平均重量为60 KB？

如果使用图像，则更改文本、外观、颜色等将变得更加困难

---

除非你的按钮非常花哨，否则我会选择html+css。

如果你有一个或更少的图像，这不会影响网站的性能，但是如果你在按钮或其他方面使用了大量图像，那么加载它们对网站来说会有点痛苦

所以，你应该考虑一下自己。如果你能用css来布局同样的东西，那么我建议你使用这种方式，它比使用图像要轻

---

如果要在多个位置使用单个图像，则无需担心性能，因为它只为所有位置加载一次，即使大小不同。

大量图像？很多图片多少钱？）我在页面上有7个按钮。你意识到图片的加载了吗？是的，我意识到了。我也不知道切割用户图像的最佳尺寸是多少，因为我正在开发7个不同大小的按钮，不确定是否真的很难。只有在不熟悉CSS的情况下，才可以在PSO中绘制悬停按钮。您可以添加

.btn:hover{background color:#f00；}

并具有一个悬停按钮。这一切都取决于你的按钮有多复杂，但我发现更简单更灵活，看起来更好。而且一个html+css按钮将远远小于60kb。60kb不是很多，但是如果你在页面上有很多不同的按钮，它就加起来了。此外，您还需要编写一些代码，以便在悬停时更改按钮。您可能希望参考此帖子[[1]：