Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Wanet Telecoms Ltd on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Image degradation using browser on website

Status
Not open for further replies.
RPGguy

RPGguy

Programmer
Jul 27, 2001
73
US
I have a customer that provided a CD containing pictures of their product. When I double-click a file on the CD the image is opened using 'Windows Picture and Fax Viewer' and looks beautiful. I put the pictues on the website but they look like crap with straight lines appearing wavy, etc. The same happens if I right click the cd and open the file using the IE browser.

Here is the picture on the site:

Does anyone know how to put these pictures on the website and then show them without the distortion?

Thanks in advance,
Scott
 
Sort by date Sort by votes
Turn off image auto-sizing in IE
(Tools -> Internet Options -> Advanced -> Enable Automatic Image Resizing).
 
Upvote 0 Downvote
The distortion you're seeing is because IE automatically resizes images (when viewed directly) so that they fit into the browser window. IE is an internet browser, not a graphics program, so it does a rather clumsy job of it.

You can do as vongrunt says and disable image resizing on your browser, but this won't affect your visitors' browsers. If you want everybody to see the image full-size you'll need to write a little HTML page to hold it:
Code: 
<html>
<head>
   <meta http-equiv="imagetoolbar" content="no">
   <title>Interior</title>
</head>
<body>
   <img src="/images/P3a.jpg" height="1680" width="2205" alt="Room interior" />
</body>
</html>

However, I'm not sure this is really what you want to do. That's one helluva big image, both in terms of its dimensions and its file size (about 1MB). The only reason to push pictures out that big is if you want people to be able to produce good quality prints from them. If you're just using them for normal web pages, you should use a graphics program (Photoshop, Paint Shop Pro, Gimp, etc..) to re-size them to something more manageable - say, about 30% of current dimensions. You'll need to sharpen the image after resizing it, and you could increase the jpeg compression slightly to improve the file size.

-- Chris Hunt
 
Upvote 0 Downvote
Thanks Chris. Even when I open a file in Photoshop it's distorted. I'll play around with the compression as you mentioned.
 
Upvote 0 Downvote
Don't know Photoshop very well, but again it's probably crudely resizing the image to fit it into the available window. Look for some sort of "Zoom" setting and make sure it's set to 100% (or maybe 1:1) - that way you should see the image at its true size and quality.

-- Chris Hunt
 
Upvote 0 Downvote
Try using a different browser. Photo in the link you posted looks great in Mozilla.

There's always a better way. The fun is trying to find it!
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
1K
3esolar
3
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
2K
spamjim
spamjim
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
1K
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
395
lmcate
lmcate
198709km
  • Locked
  • Question
Grouping XML key value using XSLT
Replies
0
Views
857
198709km
198709km

Part and Inventory Search

Sponsor

Back
Top