Patrick: Nu er det så absolut ikke den mest optimale måde at gøre det på :-) Hvis man har svært ved at visualisere et design for sig, er det en god idé at designe det i photoshop, men at slice det og bruge billederne, er på ingen måde optimalt.
I langt de fleste tilfælde kan du nøjes med ganske lidt grafik og klare resten i CSS, og med CSS3 kan stort set alt lade sig gøre i ordentlige browsere :-)
Nogle af dine sider virker ret tunge at indlæse, så lidt mindre brug af grafik, eller bedre fordeling af ressourcerne kunne klart hjælpe på indlæsningstiden :-)
Nu har jeg ikke nærstuderet netop din side, men et eksempel er, at en gradient f.eks. kan laves med CSS3 men ellers med en meget tynd strimmel (1-5px bred gange den højde man skal bruge) så man ikke skal indlæse en hel baggrund, men blot en lille del af den.
En anden metode til at lette indlæsningstiden er at anvende sprites. Sprites er i korte træk, at kombinere flere billeder i én fil således at en knap f.eks. både har standard effekt, hover effekt og klik effekt samlet i den samme fil så man ikke skal indlæse 3 forskellige filer for at lave en effekt. Facebook gør det f.eks. med smileys i chatten (
http://static.ak.fbcdn.net/rsrc.php/v1/yM/r/WlL6q4xDPOA.png) hvor man med CSS så placerer det rigtige billede det rigtige sted. På denne måde hentes dette billede én gang hvorefter det kan genanvendes så mange gange man ønsker uden at belaste serverens trafik :-)