Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Adam Smallman
Adam Smallman
815 Points

Help with full background image

Hello How can I make my background image load faster ?

Link to my site http://bro-creative.com/

Thanks

4 Answers

Jason Early
Jason Early
52,944 Points
Jason Early
Jason Early
52,944 Points

Getting your file size down will help. Taking a look it's 3.2mb. Saving for web can get it down under 900K as a jpg and still hold the quality.

Adam Smallman
Adam Smallman
815 Points

I have saved out the image like you advised but its still loading really slow

http://bro-creative.com/

any ideas ?

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Adam,

I'm not at my laptop so I can't Post a link for you, but if you google online image optimiser you will be able to reduce the file size of your png but keep the quality.

Hope this helps

Vasco Marques
Vasco Marques
938 Points
Vasco Marques
Vasco Marques
938 Points

Sorry Jason, but I just checked and it has 590 KB.

Jason Early
Jason Early
52,944 Points

Interesting. How did you see such a low size? I opened it in PS.

Vasco Marques
Vasco Marques
938 Points

We are both right Jason. But you were referring the image size inside photoshop. I was reporting to the file size in finder, which is what counts in terms of download speed.

Jason Early
Jason Early
52,944 Points

AH! Groovy. (thumbs up).

Vasco Marques
Vasco Marques
938 Points
Vasco Marques
Vasco Marques
938 Points

Adam, I opened it in Photoshop and using the save to web function, you can safely bring it down to around 300 KB, bringing down the quality setting to 60.

Adam Smallman
Adam Smallman
815 Points

I have saved out the image like you advised but its still loading really slow

http://bro-creative.com/

any ideas ?

Vasco Marques
Vasco Marques
938 Points

hello Adam, Your image is bigger now. It was 590 vs 643 now. In Photoshop, goto "File", "save for web" and choose 60 on quality. You will get a 319 KB size image. You can download the image here: https://www.dropbox.com/s/vv1yvp3dbhjgnyf/backv2.jpg?dl=0