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 trialMatthew Wood
1,600 PointsResizing logo for my website
I have to downsize my logo to fit on my website. However when I try this it become slightly clearing and less defined. Any idea why this is happening?
4 Answers
Steven Parker
231,261 PointsThe method used for downsizing might make a difference, can you show the actual code?
Also, can you describe what you mean by "slightly clearing"?
David Moorhead
18,005 PointsHello, Matthew,
Well, there's too little info here...
slightly clearing and less defined
Just curious:
- Is your logo simple, or does it show a lot of detail?
- Is your website a responsive design?
- Is your logo a png? jpg? jpeg? gif? svg?
- Are you using Photoshop? Google Drawings? Inkscape? Gravit?
I'm guessing you might want to Lock the aspect ratio before manipulation of your logo. After some experience, I make a few copies of the original image, and use the copies for various experiments until the image is measured exactly as needed.
Hope that helps!
David : )
Matthew Wood
1,600 PointsHey thanks for the reply. I meant 'slightly less clear' not 'clearing'.
The logo is png. The design is quite simple. I use bigcommerce for the website. I used photoshop
Thanks Matt
David Moorhead
18,005 PointsHi, Matthew,
Okay. Thanks for the info!
If you're not still struggling with the logo, did you lock the aspect ratio before resizing? (For those who didn't already know, the lock guarantees undistorted images.)