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

General Discussion

Robert Doyle
Robert Doyle
4,737 Points
Posted by Robert Doyle
Robert Doyle
4,737 Points

How should I set up my images for a new website design project?

I have just finished the HTML and CSS basics courses and am now eager to get my first website built. I am confused about using photographs and images though. What sort of sizes and quality should they be in my images folder? How do I determine this? Thanks.

1 Answer

calp
calp
10,317 Points
calp
calp
10,317 Points

The main thing when it comes to images for websites is making them optimized so that load times are not effected. For example, on your website fdrh.jpg is 1366x637 but when you're using it on your website the size is only 295x137 because of the amount of space it takes up. You should reduce the dimensions of the image as there's no need for it to be so big.

Google has a great Page Insights tool that will give you a lot of tips on how to optimize your website. You can also track the time it takes for a website to load using the developer tools in Chrome (not sure what browser you use but it more than likely also has this feature).