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
Jason Hernandez Berland
1,575 PointsDo you need to use 1024 x 768 images?
Nick mentioned using 1024x768 images. What's the reasoning behind this? Newer iPhones seem to be double those specs. And resizing down sometimes messes up the image. Should we be shooting our original photos in 1024x768 if we plan to upload to our website
Jason Hernandez Berland
1,575 PointsThanks Brent Cralley! Great answer!
1 Answer
Byron Twogood
14,631 PointsI know this has been answered, but I just wanted to add my thought.
A picture/photo/image will look better if it's being scaled down from a larger size. Instead of scaling up from a smaller one. I always use images that will look best on larger screens and let the device scale it down.
Jason Hernandez Berland
1,575 PointsOk Byron Twogood that makes sense. Have a bunch of 2448x3264 jpegs that I want to use on my site. For this course, I used Preview to resize to 1024x768 and then uploaded them to Workspaces. So in the future, would I upload jpeg at original size and let the device scale down?
Brent Cralley
18,541 PointsThanks for the advice, Byron. I forgot to include that....
Also it's good to know that you don't want your images to be too big, because it will severely slow the load time of the page. It's all about finding that happy medium between quality and fast page loads.
Remember back in the days of dial-up when the pages with all of the images took all day to load? This was due to the images taking much more time to render than just text and the code.
Brent Cralley
18,541 PointsBrent Cralley
18,541 PointsJason,
It's never a bad idea to shoot your photos as large as possible originally, just in case you decide to use them in a bigger size than you had first intended. Most phones and digital cameras these days will give you an image much bigger than what is required to look good on even a full screen desktop.
Now to your sizing question; devices like iPhones automatically re-size photos to fit their screen resolution. You learn more about this in the CSS portion the course, where the instructor explains it much better than I can.
*Remember that the term "pixels" doesn't always refer to the exact amount of dots on a high-resolution or retina screen.
Hope that helps!