PDA

View Full Version : fuzzy images on remote server


Eliteoomph
03-04-2011, 06:06 AM
Hey
I was just noticing that my remote files are of better quality than they are when I put them on the remote server.
I also notice the size is a little larger when viewed on the remote server which is most likely the cause for the distortion...
here is an example
sorry it is so big but I wanted you to get the full picture

http://bigcitymarketing.net/testsites/Scottscredit/headerdistortion.jpg
here is the html
it is basic just to test the images
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<img src="header.jpg" width="884" height="160" />
</body>
</html>


any ideas?

DWcourse
03-04-2011, 07:16 PM
It looks like you're using the img height and width attributes to resize the image. That's not a good idea. You should save the image at exactly the size you will be using it online.

Eliteoomph
03-04-2011, 08:06 PM
Hey!
Thanks for replying!
I am not sure I follow though
884 x 160 is the actual dimensions of the image.

DWcourse
03-04-2011, 08:18 PM
is your site online? Can you post a link?

Eliteoomph
03-04-2011, 08:30 PM
I built that page just for the header image to test it.
The html above is the entire page so that is all there is to it...
I thought it would make it easier to diagnose the problem...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<img src="header.jpg" width="884" height="160" />
</body>
</html>

here is the actually header image
http://bigcitymarketing.net/testsites/Scottscredit/header.jpg

DWcourse
03-04-2011, 08:54 PM
It looks fine to me. Have you zoomed your browser?

Eliteoomph
03-04-2011, 09:05 PM
it isn't distorted much just a little bit as seen in the original image in first post...
It couldn't be due to zoomed browser because local and remote viewing is both done with the same browser...

Eliteoomph
03-04-2011, 09:07 PM
at first I thought it was a setting in the wrapper or body div. That's why I created a new html file to eliminate that as a possibility...
It is as barebones as I can make it yet there problem still exist...

Eliteoomph
03-04-2011, 09:09 PM
referencing my first post I meant to say,"I was just noticing that my local image files are of better quality when viewed locally than they are when I put them on the remote server."

might make that part easier to understand...

Eliteoomph
03-04-2011, 09:37 PM
AAAAAHA!!!!!!!! It was the firefox zoom feature!
I tested it in IE and it was working fine so then I reset the zoom in FF and now all is well! I guess it must have been on like 101% zoom or something.
It is odd however that the zoom only was applied to remote sites and not local files... you would think it would have applied to anything within the browser window....
Another problem solved! Come on weekend I am READY!
;o)

DWcourse
03-04-2011, 11:45 PM
:mrgreen: Hate to say I told you so butů

Eliteoomph
03-05-2011, 12:13 AM
yeah you did...
but it didn't make sense since the zoom only affects online site and not local ones...
but sure enough that was it.

thank you

DWcourse
03-05-2011, 12:27 AM
I believe zoom remembers sites but resets to normal for a new site. FF sees the online and the local site as two different sites. The Internet is full of surprises!

Seriously, I'm glad you figured it out and can now not worry about it over the weekend.

Corrosive
03-05-2011, 07:51 AM
:mrgreen: Hate to say I told you so butů

...you are going to :wink: