Graphics in IE7 vs. Firefox

[stevep]

My graphics (logos) are sharper when the site is viewed in Firefox. Why is
this, and can I improve the clarity in IE7?

www.containeressentials.com.

Thanks very much.

 

[DavidF]

Good question. Usually it is the other way around.

It appears that most of the logos on the home page have this issue. Here is
the company logo that is loaded in FF:
http://www.containeressentials.com/index_files/image8081.gif
It is referenced in the IE code, but certainly is not what is loaded in IE.

When you insert that particular logo into your page, in what format is it?
Is the original file a .gif file?

Did you "compress the graphics" before you published the site?

Sometimes when you insert an image and resize it smaller than full size,
Publisher can create a low resolution copy of the image when you publish.
Try going back to your Pub file, and inserting a fresh copy of that logo
file into the page. Right click the image > Format Picture > Size tab. Is
the Scale at 100%? If not change the height and width to 100% and Publish to
the Web...ie publish your files to your hard drive and test with both IE and
FF. Is the logo any better in IE now?

If you need the logo to be smaller on the page than full scale, then
compress the image before you publish, and test that to see if it helps.

Reference: Compress graphics file sizes to create smaller Publisher Web
pages (2003):
http://office.microsoft.com/en-us/publisher/HA011266301033.aspx

Reference: Compress Pictures dialog box (2007):
http://office.microsoft.com/en-us/help/HA100363901033.aspx?pid=CL100605171033

Experiment with full scale vs. compressed and see if that leads to an
answer, and let us know.

DavidF

 

[stevep]

David, thank you.

The ContainerEssentials logo is a .TIF file and the others are .JPGs.
Re-sizing them and then placing on the page doesn't improve things. I didn't
compress the files. I'm using Publisher 2007.

Maybe someone else will have an idea. Thanks very much.

 

[DavidF]

Don't use .tif files in a web publication. Convert it to either a jpg, png,
or gif file. Generally logo images, with few colors, especially images that
have transparency, are gif and png files. JPG files are usually best for
images with lots of colors.

You can try right clicking the tif file and saving as an image, and
specifying gif or png. Choose the web format at 96 dpi. Then insert that new
image into your publication instead of the tif file.

You could also convert the tif in a third party image editing program. If
you don't have one irfanview is a good freebie.

You might also try converting the other jpg logos to gifs, and or remember
to size them at 100% scale. You will just have to experiment to get the best
quality.

DavidF

 

[Rob Giordano [MS MVP]]

the logos look exactly the same to me in IE7 & FF3...and the tiff is a jpg.
and they looked fine the other day, when I first looked too.


--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression

 

[DavidF]

The OP has apparently made some changes. The main logo that was inserted as
a tif was originally converted to a gif by Publisher:
http://www.containeressentials.com/index_files/image8081.gif
, but that file is gone now and has been replaced with a jpg:
http://www.containeressentials.com/index_files/image7111.jpg

Of more interest to me is that comparing FF3 with IE6, the same image is
rendered slightly different in each browser. In IE6 it is slightly less
crisp, slightly less definition than in FF3. Not enough that you would
notice the difference unless you really look closely. But you have made
similar observations about IE7 as compared to FF3 in the past, which leads
me to believe that the two browsers are rendering pages/images in a more
"standardized" way than did IE6 and FF3. But then wasn't that the goal with
IE7?

My point is, that perhaps in the future the two browsers will work much the
same with Publisher html code...which would be good thing.

DavidF