For the project I’m working on at the moment, we needed a lot of buttons with different texts.
Initially each button was created as an image by the designer, multiple images where generated to manage different statuses (mouse over, button disabled, etc).
When you have 15 buttons in a project, it means managing 15*3 potential different images and requests to the server.
Looking at Best Practices for Speeding Up Your Web Site this clearly didn’t worked.
If you want to add a new button style, the only thing you need to do is to add a new set of css classes
background:url(“/Scripts/buttonifier/css/images/bg_button_a_newstyle.gif”) no-repeat scroll right top transparent;
background:url(“Scripts/buttonifier/css/images/bg_button_span_newstyle.gif”) no-repeat scroll 0 0 transparent;
and you can use it in your page
have a look at the the example here