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

HTML How to Make a Website Creating HTML Content Add Image Gallery Content

Posted by Jasper van der Stoop
Jasper van der Stoop
2,214 Points

Bad Practice: Large Images

Hi Guys,

It is very bad practice to use resized images as thumbnails. You should always use another, smaller-sized, version of the original image. Now, you are loading a lot of large files where small files would have have been sufficient. Not only does this make your site load slow, it will also eat up a lot of data of mobile phone subscriptions.

I have seen this happening a lot on the world wide web and this video seems to condone it!

Jasper

jason chan
jason chan
31,009 Points
jason chan
jason chan
31,009 Points

Lightroom or irfanview can batch convert pictures. Lightroom also renames all your picture files.

I hope that helps.

Yeah, you'll learn how to macro these tedious tasks later in your computer programming career.

1 Answer

Ryan Field
PLUS
Ryan Field
Courses Plus Student 21,242 Points
Ryan Field
Ryan Field
Courses Plus Student 21,242 Points

If you go a bit further into that track, Nick actually explains that serving large images as thumbnails is not a good idea for production websites. That specific course is for explaining the bare basics of how websites work.

Jasper van der Stoop
Jasper van der Stoop
2,214 Points

Good to know. I haven't seen every video as I'm a pretty experienced - self-taught - web developer and I'm skipping through this course to check if my basic knowledge is complete.

However, even as bare basics; I think you should mention this issue right away. To src a different image than the one that's being linked too, isn't that complicated for people to understand. And there's always people that don't catch the later comments, like me for instance haha.

I understand you don't want to go into css sprites or caching because that's way too complicated for beginners. But this is very understandable.