Have a PSD, not sure what I need an image for and what I could implement using css

Get Started
1

I had a PSD designed. I usually pay someone to integrate a design into my existing websites but I want to try it myself this time. I’m not really sure what I should display as an image and what to display using CSS. I know for sure the logo, mascots and the buttons will be images but I’m not sure about the borders or the background. The design is http://community.glumbo.com/uploads/gallery/album_6/gallery_1_6_116112.jpg

What images would I need to implement that design?

Thanks in advance

2

Definitely use the top part as an image then use the color code for the rest of the background. Using the image will cause a slow down in load time and more downloading will be required. Color is just built in so loading would be quicker.

3

I have a site with that kind of large background image. It’s 2200x2200 and has about 200 kB. Loads quite fast actually. But I think Stevie’s solution can be better.

4

Also background and “wow this is amazing” text. I think that border can be achieved with css.

5

Would the background be one large image or would I just have the top left part as an image and the rest as a color?

6

I would just have the top-left part as image (with a transparent background) and then set the background colour to the right shade of orange. Otherwise you’re going to end up with a monstrously huge image, and that’s going to be an awful lot of bytes making their way to every visitor’s computer.

7

I’d try with large one, very wide with the color for background to ensure there will be sth on the bottom if the page would be very high. But I’m not sure if this’s the best solution.