JPEG display problems in browser

T
Posted By
Tim923
Oct 4, 2006
Views
685
Replies
10
Status
Closed
http://www.geocities.com/tim_schmits/eschool/3.html

My 3rd grade pic. When I load this page in Internet Explorer or Netscape, there are doubled features (chins, eyes) that shouldn’t be there.

When I save it to the hard drive and view it, it is displayed correctly without those problems.

With Internet explorer, the picture is viewed at correct size (no prompt in the bottom right to enlarge).

Why does this happen? Can I fix it? Does the JPEG have incorrect settings? Or is this just a problem displaying large JPEGs in IE?

Most noticable with Brandon, Amy Z, Nathaniel. Paul W has an extra piece of hair that shouldn’t be there. Thanks.

This problem doesn’t happen with a 6th grade pic:
http://www.geocities.com/tim_schmits/eschool/6-fitzgerald.ht ml

-Tim923

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

JM
John McWilliams
Oct 4, 2006
Tim923 wrote:
http://www.geocities.com/tim_schmits/eschool/3.html

My 3rd grade pic. When I load this page in Internet Explorer or Netscape, there are doubled features (chins, eyes) that shouldn’t be there.

When I save it to the hard drive and view it, it is displayed correctly without those problems.

With Internet explorer, the picture is viewed at correct size (no prompt in the bottom right to enlarge).

Why does this happen? Can I fix it? Does the JPEG have incorrect settings? Or is this just a problem displaying large JPEGs in IE?
Most noticable with Brandon, Amy Z, Nathaniel. Paul W has an extra piece of hair that shouldn’t be there. Thanks.

This problem doesn’t happen with a 6th grade pic:
http://www.geocities.com/tim_schmits/eschool/6-fitzgerald.ht ml

This isn’t a PS question, but the picture is fine in Firefox. There is code you apparently should have removed.

*** *** *** **** from the source code- rather it *is* the code…..

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>
<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

<title>3rd Grade</title>
</head>

<body>
<!– following code added by server. PLEASE REMOVE –> <!– preceding code added by server. PLEASE REMOVE –>

<h2>Port Dickinson Elementary School<br>

3rd Grade<br>

Mrs. Perkins<br>

1984-1985</h2>

<br>

<img style="width: 796px; height: 523px;" alt="3" src="grade3-jpeg.jpg"><br>

<br>

Back: Mrs. Perkins, Conan Cerretani, Michael Morrell, Christopher Kearse, Timothy Schmits, Jason Lupole, Jeffrey Saunders, Charles Barnes, Paul Whiting, James Brown<br>

<br>

Mid: Jennifer Orzel, Katie Firsching, Sarah Ingram, Stacey Van Schoick, Robin Justofin, Melissa Woodcock, Kathleen Kocak, Rebecca Shelley, Rosemarie Belveg, Amy Zemanick<br>

<br>

Front: Dale Warner, Jonathan Swart, Nathaniel Stanton, Jamie Melamed, Brandon Gendron, Gregory Burns, Michael Drobak<br>

<br>

Not pictured: Sumara Coury<br>
<br>
<a href="index.html">back</a>
</body>
</html>
<!– text below generated by server. PLEASE REMOVE
–></object></layer></div></span></style></noscript></table ></script></applet><script
language="JavaScript"
src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="JavaScript"
src="http://geocities.com/js_source/geov2.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.yahoo.com/visit.gif?us1160005981" alt="setstats" border="0" width="1" height="1"></noscript>
<IMG SRC=" http://geo.yahoo.com/serv?s=76001548&t=1160005981&f= us-w88" ALT=1 WIDTH=1 HEIGHT=1>
T
Tim923
Oct 5, 2006
On Wed, 04 Oct 2006 16:57:57 -0700, John McWilliams
wrote:

This isn’t a PS question, but the picture is fine in Firefox. There is code you apparently should have removed.

Let me download Firefox and see how it does. Thanks. The doubled features aren’t terrible, but enough to be very annoying.

About the "remove code", that’s Geocities advertising code that should be removed if the file has to be edited or put on another URL.

I used Photoshop to process these images and have been receiving a lot of help with Photoshop image editing strategy for this project here, so I thought it was fair enough to ask the question here. At least I’d thought I’d receive the quickest answer here.
T
Tim923
Oct 5, 2006
On Wed, 04 Oct 2006 20:40:12 -0400, Tim923
wrote:

Let me download Firefox and see how it does. Thanks. The doubled features aren’t terrible, but enough to be very annoying.

Still there with Firefox. Not there when I view it offline. It still looks good, but not perfect like it does offline. The eyes look funny in the bottom row and Paul W has an extra piece of hair up top that shouldn’t be there. And Amy Z just doesn’t look right. I’ve been looking at this photo for over 20 years, so I spot it easily. I used the program JPEG Crop on this for lossless cropping. I’m guessing that’s what did it. I’ll just live with it. Thanks.
E
EDM
Oct 5, 2006
Have you tried clearing your browser cache?

"Tim923" wrote in message
On Wed, 04 Oct 2006 20:40:12 -0400, Tim923
wrote:

Let me download Firefox and see how it does. Thanks. The doubled features aren’t terrible, but enough to be very annoying.

Still there with Firefox. Not there when I view it offline. It still looks good, but not perfect like it does offline. The eyes look funny in the bottom row and Paul W has an extra piece of hair up top that shouldn’t be there. And Amy Z just doesn’t look right. I’ve been looking at this photo for over 20 years, so I spot it easily. I used the program JPEG Crop on this for lossless cropping. I’m guessing that’s what did it. I’ll just live with it. Thanks.
TE
Toke Eskildsen
Oct 5, 2006
Tim923 wrote:

http://www.geocities.com/tim_schmits/eschool/3.html

My 3rd grade pic. When I load this page in Internet Explorer or Netscape, there are doubled features (chins, eyes) that shouldn’t be there.

Sounds like a scaling problem. Try opening the properties for your desktop, go to Settings | Advanced and check your DPI settings. If they are not 96 DPI, try changing to that and see if it fixes your problem. —
Toke Eskildsen – http://ekot.dk/
TT
Tom Thomas
Oct 5, 2006
Tim923 wrote:

http://www.geocities.com/tim_schmits/eschool/3.html

My 3rd grade pic. When I load this page in Internet Explorer or Netscape, there are doubled features (chins, eyes) that shouldn’t be there.
— <snip > —

This problem doesn’t happen with a 6th grade pic:
http://www.geocities.com/tim_schmits/eschool/6-fitzgerald.ht ml

In the 3rd grade picture, you are resizing the image in HTML. The height and width attributes in your HTML markup are different from the actual pixel size of the image. Browsers are terrible at resizing images and if you need the image resized you should do it to the original, not in HTML.

The 6th grade photo uses height/width values in the HTML that match the actual size of the photo. Thus, no resizing by the browser and no distortion.

——————
Tom

Unsolicited advertisements cheerfully ignored.
T
Tacit
Oct 5, 2006
In article ,
Tim923 wrote:

Still there with Firefox.

Yes, that is correct.

Examine the HTML code for the page. The HTML code is wrong. In your HTML code, your IMG tag looks like this:

img style="width: 796px; height: 523px;" alt="3" src="grade3-jpeg.jpg"

But your image is not 796 pixels by 523 pixels! Your image is 774 pixels by 503 pixels. You put the wrong size in your IMG tag.

Change your IMG tag to look like this:

img style="width: 774px; height: 503px;" alt="3" src="grade3-jpeg.jpg"

When you place images on an HTML page, you must be very careful to make sure that the IMG tag exactly matches the actual size of the image. If you do not, the image will look bad.


Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html
Nanohazard, Geek shirts, and more: http://www.villaintees.com
J
jenelisepasceci
Oct 6, 2006
Tim923 wrote:

http://www.geocities.com/tim_schmits/eschool/3.html

My 3rd grade pic. When I load this page in Internet Explorer or Netscape, there are doubled features (chins, eyes) that shouldn’t be there.
….

Irrespective of the scaling problem, which has been solved by others, the picture has a red/yellow cast which can and should be removed, unless the retro appearance is intended.

Peter
JM
John McWilliams
Oct 6, 2006
tacit wrote:
In article ,
Tim923 wrote:

Still there with Firefox.

Yes, that is correct.

Examine the HTML code for the page. The HTML code is wrong. In your HTML code, your IMG tag looks like this:

img style="width: 796px; height: 523px;" alt="3" src="grade3-jpeg.jpg"

But your image is not 796 pixels by 523 pixels! Your image is 774 pixels by 503 pixels. You put the wrong size in your IMG tag.

Change your IMG tag to look like this:

img style="width: 774px; height: 503px;" alt="3" src="grade3-jpeg.jpg"

When you place images on an HTML page, you must be very careful to make sure that the IMG tag exactly matches the actual size of the image. If you do not, the image will look bad.

Can one not also use 100%- that is for images that aren’t too large (which ought not to be used anyhooo)?


john mcwilliams
J
j
Oct 7, 2006
John McWilliams wrote:

When you place images on an HTML page, you must be very careful to make sure that the IMG tag exactly matches the actual size of the image. If you do not, the image will look bad.

Can one not also use 100%- that is for images that aren’t too large (which ought not to be used anyhooo)?

You can omit the height/width entirely. No problem.

img src="grade3-jpeg.jpg"

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

Related Discussion Topics

Nice and short text about related topics in discussion sections