Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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

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,567 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

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

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