html - 带图像的按钮 VS html/css 按钮

标签 html css

绘制一个按钮并用作背景图像(例如 .png)或使用 html+css 制作相同的按钮更好吗?性能会发生显着变化吗?平均按钮重量为 60 KB?

最佳答案

如果您有一张或更少的图片,它不会影响您网站的性能,但如果您使用大量图片作为按钮或其他东西,加载它们对您的网站来说会有点痛苦。

所以,你应该考虑一下自己。如果你可以只用 css 布局同样的东西,那么我想推荐你使用这种方式,它比使用图像更轻。

如果您想在多个地方使用单张图片,那么您不必担心性能问题,因为它只为所有地方加载一次,即使是不同尺寸的图片。

关于html - 带图像的按钮 VS html/css 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28242760/

相关文章:

css - DFP 背景皮肤 - 无法使其居中

jQuery UI Draggable + CSS Transform 导致 "Jumping"

javascript - 如何在 Handlebar 模板中使用注释?

javascript - 如何加快网站上的暗模式延迟?

javascript - 在选中时更改 td 的背景颜色

javascript - 如何设置复杂的 jquery 函数?

html - 如何制作多个 div 列以适应内容大小并适合父级?

javascript - 使用 JavaScript 调用先前的输入值,在另一个 div 标签中显示该值

html - 可以在 css 边距值中使用负像素还是我应该做其他事情?

html - 是否可以在没有表格的情况下在一行的左侧、中间和右侧分配文本?