Hat dir diese Antwort geholfen?
Zu den Buttons: Ich versuche mittlerweile, so wenig Grafiken wie möglich zu verwenden. Farbverläufe zum Beispiel kann man mittlerweile per CSS realisieren, genauso wie die verschiedensten Ränder und Außen- und Innenschatten. Das hat den Vorteil, dass ein Button oder ein anderes Element, das mit diesen diversen Möglichkeiten gestyled wird, bei verschiedenen Auflösungen oder Zoomfaktoren immer gut aussieht (von kleineren Darstellungsfehlern mal abgesehen - bei Schatten in Kombination mit "runden Ecken" haben manche Browser noch kleinere Probleme). Ein Bild hingegen hat immer die selbe Auflösung und neigt dazu, entweder schnell zu verpixeln oder einen Haufen Traffic & Ladezeit zu fressen, je nach Größe.
Es kommt halt darauf an, was euer Anspruch an Browserkompatibilität ist. Wenn ihr Wert auf eine korrekte Darstellung in älteren Browser (z.B. IE 6-9 oder FF 3.5/3.6) legt, kommt ihr um die Bilder nicht herum, da vor allem der IE vor der Version 10 fast nichts an CSS3-Möglichkeiten bietet.
Ich tendiere eher dazu, die Möglichkeiten der aktuellen Techniken jetzt ("schon") zu verwenden und Benutzern mit älteren Browsern ein Update zu empfehlen (bzw. im Zweifelsfall halt einige Style-"Gimmicks" vorzuenthalten). Da spielen persönliche Meinung und Zielpublikum eine Rolle, von daher müsst ihr das für euch entscheiden.
Vektorgrafiken sind gerade bei der verlustfreien Vergrößerung eine tolle Option, aber auch hier besteht wieder das Problem, dass die von älteren Browsern nicht dargestellt werden können.
