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.

Design

Jesus Mendoza
Jesus Mendoza
23,275 Points

How to prepare images for stretching?

I'm trying to make a responsive image carousel but when I upload my image in full HD the image stretch on bigger screens, it looks awful and blurry. Should I save it in high resolution?

Zack Klinger
Zack Klinger
17,622 Points

If your target is HD screens, then definitely save your images in HD resolution.

Somewhere in the HTML or CSS classes they had a tutorial on multiple resolution handling.

But, bottom line, images cannot be up-scaled more than about 10-20% without getting pixelated.

1 Answer

Yup, save as large as it will be. It can only scale down without losing quality. Not up.