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

Design

Image Quality

Hey Every One,

I've a slight confusion with Saved image quality in adobe illustrator.Once after uploading the saved Image to any website,that image is losing it's quality then it was in illustration. I'll save the image in jpag format at 100% quality by using save for web option

Any suggestions?

3 Answers

Have you set width and height onto the img tag e.g <img width="100" height="150" src="imagepathhere" />

If you have

<img width="100" height="150" src="imagepathhere" alt="Alternate text here" />

and the width / height are either not the same size or the wrong proportion this could be the problem.

If you are uploading it to an image sharing website, and the filesize is too big, it may just be re-sizing it and changing the quality on upload to reduce it's size.

I Don't think it's a matter of image format ... Coz i tried all formats :)

Where are you trying to upload it? Can you give an example of the image?

Yes off course ... http://cakumar.com . you can find the images in slider :)

Sorry, please see my other response as I thought I replied to your last comment and that wasn't the case haha.

Not a problem .. :) and Yes i got that ... and going to increase the image sizes :)

No problem, glad I could help.

Right this is because of what I said. You have saved images to this size: 1000 × 300 and the slider is resizing it to 1190 x 357 which is causing it to distort. Your slider is too big for the image you have saved.